@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap);:root{--background-color:#eef7ff;--text-color:#4d869c;--text-color-highlight:#3d6cb9;--text-color-on-hover:#008170;--button-color:#00d1ff;--button-text-color:#eee;--button-color-hover:#00d1ff;--button-text-color-hover:#000;--button-text-color-hover-shadow:#8c8c73}.dark-theme{--background-color:#232d3f;--text-color:#32e0c4;--text-color-highlight:orange;--text-color-on-hover:#00d1ff;--button-color:#0d7377;--button-text-color:#eee;--button-color-hover:#32e0c4;--button-text-color-hover:#212121;--button-text-color-hover-shadow:lime}button{background-color:#00d1ff;background-color:var(--button-color);border:none;color:#eee;color:var(--button-text-color);cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}button:hover{opacity:.9}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eef7ff;background-color:var(--background-color);color:#4d869c;color:var(--text-color);margin:0;padding:0;scroll-behavior:smooth;transition:background-color .3s,color .3s}body,h1,h2,h3,h4,h5,h6{font-family:Fira Code,monospace;font-optical-sizing:auto;font-style:normal;font-weight:400}.App{height:100vh;text-align:center;width:100%}.main{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}@media screen and (max-width:600px){html{font-size:100%}.main{padding:0}}@media screen and (max-width:1200px){.App{width:100vw}#page-body{height:100%;padding:2rem 4rem}.information{width:100%}.main{width:100vw}}.unique{flex-direction:row;gap:15px}.unique,nav{display:flex}nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:10vh;justify-content:space-between;padding:0 3%;position:fixed;width:100%;z-index:3}nav h4{align-items:flex-start;padding-left:20px}nav ul{margin:0;padding-left:0}nav li{display:inline-block;font-weight:700;padding:24px 32px 24px 0}.nav-bar-text{color:var(--text-color);font-weight:600;text-decoration:none}.nav-bar-text:hover{border-bottom:3px solid var(--text-color-on-hover);color:var(--text-color-on-hover);cursor:pointer;font-weight:700;transform:scale(3)}.nav-bar-menu-opened,.topnav li:last-child{display:none}@media screen and (max-width:991px){.topnav li:not(:last-child){display:none}nav{height:-webkit-max-content;height:max-content;padding:0 0 0 5%;width:100%}.topnav li:last-child{display:block;float:right}.mainicon{color:var(--text-color)}.topnav.responsive li{display:inline-block;float:none;text-align:left}.nav-bar-menu-opened{align-items:flex-start;animation:fadeIn .3s ease-in-out;background-color:#000000bf;display:flex;flex-direction:row;height:100vh;justify-content:space-between;left:0;position:absolute;top:0;width:100vw;z-index:11}.nav-bar-menu-sidetab{background-color:var(--background-color);border:.5px solid var(--button-text-color);box-shadow:0 4px 15px #00000040;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-top:20px;position:relative;width:80%;z-index:11}.nav-bar-text-on-sidetab{color:var(--text-color);font-size:20px;font-weight:600;padding:0;text-decoration:none}.nav-bar-text-on-sidetab:hover{color:var(--text-color-on-hover);font-weight:700;text-decoration:underline}.nav-bar-menu-sidetab li{padding-left:15%;text-align:left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.close-button-area{flex-direction:row;justify-content:flex-end;padding-top:20px;width:20%}}.main-page{align-items:center;display:flex;height:100vh;justify-content:center;padding:20vh 4% 5%;width:100%}.profile-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:20px;text-align:start;width:50%}.profile-name{align-items:center;display:flex;flex-direction:row;gap:10px}.profile-wrapper h3,h5{color:var(--text-color)}.start-page-info{align-items:center;display:flex;flex-direction:row;gap:2%;width:100%}.unique-icon-start{color:var(--text-color-highlight)}.view-more-btn:hover{transform:scale(1.25)}.main-page-image-start{align-items:center;display:flex;height:100%;justify-content:center;width:50%}#carouselExampleControls{width:100%}.start-cv-btn{font-weight:400}.start-cv-btn:hover{font-weight:600}@media screen and (max-width:767px){.main-page{flex-direction:column-reverse;height:100vh;padding:15vh 0 0;width:100%}.profile-wrapper{align-items:center;padding:5%;width:100%}.main-page-image-start{height:50vh;object-fit:cover;padding:1.5% 1.5% 8%;width:100%}}@media screen and (min-width:768px) and (max-width:1023px){.main-page{flex-direction:column-reverse;height:100vh;padding:15vh 0 0;width:100%}#carouselExampleControls,.carousel-inner,.carousel-item,.main-page-image-star{height:100%;width:100%}.profile-wrapper{align-items:center;padding:5%;width:100%}.main-page-image-start{height:50vh;object-fit:cover;padding:1.5% 1.5% 8%;width:100%}}#presentative-image{object-fit:fill}@media only screen and (max-width:600px){#carouselExampleControls{width:100%}}.page-body-about{align-items:center;display:flex;height:100vh;justify-content:center;padding:15% 4% 8%;width:100%}.main-home-page-about{display:flex;flex-direction:row;flex-wrap:wrap;gap:3%}.images{width:37%}.blue-bg-outer,.images{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center}.blue-bg-outer{background-color:var(--text-color);width:100%}.white-bg{align-items:center;background:var(--background-color);display:flex;justify-content:center}.blue-bg,.white-bg{aspect-ratio:1/1;border-radius:50%;width:93%}.blue-bg{background:#000}.blue-bg img{aspect-ratio:1/1;border-radius:50%;object-fit:cover;position:relative;width:100%}.information{align-items:flex-end;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;width:60%}.information .information-name,span{color:var(--text-color);text-align:right}.information-name{font-size:2.9rem}.aboutme-description{color:var(--text-color);font-size:1.15rem;font-weight:600;text-align:right}.tech-stack-animation{color:var(--text-color-highlight)}.information-name{color:var(--text-color);margin-right:0}.animated_text{display:flex;flex-direction:row;justify-content:flex-end;width:100%}.animated_text>h1{-webkit-text-stroke:1px #18134c;animation:backcolor 7s linear infinite;-webkit-background-clip:text;background-clip:none;background-image:linear-gradient(90deg,red,orange,#ff0);background-position:-500px 0;background-repeat:no-repeat;color:#0000;font-family:Fira Code,monospace;font-size:3.5rem;font-weight:700}@keyframes backcolor{to{background-position:0 0}}.otherLink{justify-content:flex-end;width:100%}.otherLink,.otherLink>a{display:flex;flex-direction:row;gap:10px}.otherLink>a{align-items:center;border:2px solid var(--text-color);border-radius:20px;color:var(--text-color);font-family:Fira Code,monospace;font-optical-sizing:auto;font-style:normal;font-weight:400;height:100%;justify-content:center;padding:10px;text-decoration:none}.otherLink a:hover{background-color:var(--button-color-hover);border:2px solid var(--text-color-on-hover);color:var(--button-text-color-hover);text-shadow:0 0 10px var(--button-text-color-hover-shadow);transform:scale(1.025);.links-icon{color:var(--button-text-color-hover)}}.start-cv-btn{background-color:var(--button-color);border:0;border-radius:25px;color:var(--button-text-color);font-family:Fira Code,monospace;font-optical-sizing:auto;font-size:1rem;font-style:normal;font-weight:700;margin-top:1.5rem;padding:.7em 2.5em}.start-cv-btn:hover{background-color:var(--button-color-hover);box-shadow:0 0 10px #72ffff;color:var(--button-text-color-hover);font-weight:700;transform:scale(1.25);transition:all .3s ease-in-out}@media screen and (max-width:991px){.page-body-about{padding-top:15vh;width:100vw}.main-home-page-about,.page-body-about{height:-webkit-max-content;height:max-content}.main-home-page-about{flex-direction:column;gap:20px;padding:0;width:100%}.images{width:100%}.information{align-items:center;flex-direction:column;justify-items:center;width:100%}.information h1{padding:2%;text-align:center}span{margin-left:0}.otherLink{flex-direction:column}}#page-body{height:100vh}.page-body-edu{align-items:center;display:flex;height:100%;justify-content:center;padding:15vh 4% 8%;width:100%}.education{display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:space-between;width:100%}.main-page-image{align-items:center;display:flex;height:60vh;justify-content:center;width:47%}#carouselExampleControls{border-radius:15px;box-shadow:10px 12px 30px var(--text-color);height:100%;width:90%}#presentative-image,.carousel-inner,.carousel-item{border-radius:15px;height:100%;width:100%}#presentative-image{object-fit:cover}.education-box{border:3px solid var(--text-color);border-radius:15px;height:-webkit-max-content;height:max-content;padding:15px;text-align:left;width:47%}.education-box h1,h4{margin:0}.edu-details,.school-name{color:var(--text-color-highlight);font-weight:700}.school-location{color:var(--text-color);font-weight:600}.education-box ul{font-weight:600;margin:0 0 10px}@media screen and (max-width:1024px){.page-body-edu{height:-webkit-max-content;height:max-content;width:100%}.education{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center;width:100%}.main-page-image{height:40vh;width:100%}.education-box{width:100%}}.page-body-skills{display:flex;flex-direction:row;gap:1%;height:-webkit-max-content;height:max-content;justify-content:center;padding:15vh 4% 5%;width:100%}.chart-of-skills-frame{aspect-ratio:1/1;display:flex;justify-content:center;width:49%}.skill-set-components{width:50%}.skills-set-component{align-items:flex-start;display:flex;flex-direction:column;width:100%}.skills-block{grid-gap:2%;display:grid;gap:2%;grid-template-columns:48% 48%}.skills-set-component-h2{color:var(--text-color);font-style:italic;font-weight:600}.individual-skill-set{border:2px solid var(--text-color);border-radius:20px;font-weight:500;padding:10px;width:100%}.individual-skill-set:hover{background-color:var(--button-color)}.skill-stack-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media screen and (max-width:1024px){.page-body-skills{flex-direction:column;width:100%}.chartOfSkills{display:flex;flex-direction:column;gap:10px}.chart-of-skills-frame{display:flex;justify-content:center;width:100%}.skill-set-components{width:100%}.skills-block{grid-gap:20px;display:grid;gap:20px;grid-template-columns:100%}}.page-body-works{align-items:center;display:flex;height:-webkit-max-content;height:max-content;justify-content:center;padding:15vh 4% 5%;width:100%}.work-page{flex-direction:row;font-weight:600;height:100%}.infoWorks,.work-page{display:flex;width:100%}.infoWorks{align-items:center;flex-direction:column;text-align:start}.infoWorks h1{color:var(--text-color);margin-bottom:2rem}.professional-work-title{display:flex;justify-content:center}.company-position,.internship{display:flex;flex-direction:row}.company-position{align-items:center;justify-content:space-between;padding-left:10px;width:95%}.left{align-items:flex-start;justify-content:flex-start}.left,.right{display:flex;flex-direction:column}.right{align-items:flex-end;justify-content:flex-end}.bio-box{border-radius:15px;height:4em;width:4em}.timeline,.work-experience-timeline{width:100%}.timeline li{display:flex}.w-e-time{color:var(--text-color);font-weight:500;padding:0 1.5em;position:relative;text-align:right;width:33%}.w-e-job{border-left:2.5px solid var(--text-color);cursor:pointer;padding:.25em 1.5em 1.5em;position:relative;width:67%;z-index:1}.w-e-job:hover{border-left:2.5px solid red}.w-e-time:after{top:0;translate:57% -5%;width:.85em}.timeline li:last-child>.w-e-time :after,.w-e-time:after{aspect-ratio:1/1;background:var(--text-color);border:1px solid #ccc;border-radius:50%;content:"";position:absolute;right:0;z-index:2}.timeline li:last-child>.w-e-time :after{bottom:0;translate:57% 5%;width:.55em}.left h3{color:var(--text-color);font-weight:500}.left h5{color:var(--text-color-highlight);font-style:italic;font-weight:600}.timeline .w-e-job:before{content:"";height:100%;left:0;position:absolute}.timeline{margin:1em}.timeline,.timeline :after,.timeline :before{box-sizing:border-box;font-family:arial}.we-to-display-work{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000bf;display:block;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.not-we-to-display-work{display:none}.work-box{background-color:#000;border-radius:8px;box-shadow:0 4px 15px #00000040;height:80vh;overflow-y:auto;position:relative;width:80%}.work-detail-main-page{background-color:var(--background-color);height:-webkit-max-content;height:max-content;min-height:100%;position:relative;width:100%}.w-d-job-details{height:100;padding:3% 7%;width:100%}.w-d-job-details-heading{display:flex;flex-direction:row;gap:3em;margin-bottom:3em}.w-d-job-details-heading .w-d-job-details-role{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.w-d-job-details-role>p{font-size:2.25em}.w-d-job-details-company-highlight{color:var(--text-color-highlight);font-weight:600}.w-d-job-image-frame{aspect-ratio:1/1;border-radius:15px;display:flex;justify-content:center;width:15%}.w-d-job-image{border-radius:15px;height:100%;width:100%}.w-d-job-details-description{align-items:flex-start;display:flex;flex-direction:column}.w-d-job-details-description-bulletpoin{background-color:var(--background-color)}.w-d-job-details-description-bulletpoint h3,.w-d-job-details-description-bulletpoint ul{text-align:left}.w-d-job-details-description-bulletpoint ul li{font-size:18px;font-weight:500}@media screen and (max-width:768px){.page-body-works{width:100vw}.company-position{display:flex;flex-direction:column}.imageWorks{display:none}.infoWorks{color:#18134c;width:100%}.professional-work-title h1{font-size:1.65em}.timeline{margin:0;padding:0}.w-e-time{padding:0 10px}.w-e-time h4{font-size:1em;font-weight:600}.w-d-job-details{padding:3%}.w-d-job-details-description{padding:0}.work-box{height:83%;width:90%}.w-d-job-details-heading{display:flex;flex-direction:column;gap:3em;margin-bottom:3em}}.page-body-projects{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;padding:10vh 4% 5%;width:100%}.filter{display:none;position:relative}.filter-area-show{display:block}.tech-stack-list{display:flex;flex-wrap:wrap;gap:7px}.tech-stack-element-filter-button{white-space:nowrap}.tech-stack-element,.tech-stack-element-clicked{background-color:var(--button-color)}.tech-stack-element{border:2px solid var(--button-text-color);border-radius:20px;color:var(--button-text-color);margin:0;padding:10px 15px;text-decoration:none;white-space:nowrap}.projects-portion-title-frame{height:-webkit-max-content;height:max-content}.projects-portion-title{font-weight:700}.project-blog-box{display:flex;flex-direction:row;gap:7px;height:-webkit-max-content;height:max-content;justify-content:center;width:100%;z-index:1}.project-blog-box>p{font-weight:600;margin-bottom:0}.project-wrap{display:flex;flex-direction:row;gap:2%;padding:2% 0;width:100%}.project-list-tab{-webkit-backdrop-filter:hue-rotate(30deg);backdrop-filter:hue-rotate(30deg);border:.5px solid var(--text-color);border-radius:20px;color:var(--text-color);display:flex;flex-direction:column;gap:10px;height:-webkit-max-content;height:max-content;padding:3% 3.5%;width:32%;z-index:1}.project-list-tab-title{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.project-clicked{background-color:var(--button-color);color:var(--button-text-color)}.project-list-tab:hover{-webkit-backdrop-filter:hue-rotate(30deg);backdrop-filter:hue-rotate(30deg)}.project-on-toDisplay{border:2px solid var(--text-color);border-radius:20px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 10px;text-decoration:none}.project-on-toDisplay:hover{background-color:var(--button-color-hover);border:3px solid var(--text-color);color:var(--button-text-color-hover);text-shadow:0 0 10px var(--button-text-color-hover-shadow);transform:scale(1.1)}.project-list-tab-header{color:var(--text-color);font-weight:700;margin:0}.project-list-tab-list-of-projects-onSmallDevice{display:none}.projectbox-to-display-work{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000bf;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:11}.not-projectbox-to-display-work{display:none}.work-box-close-button{justify-self:flex-end;position:absolute;right:2vh;top:2vh}.project-box{background-color:#000;border:.5px solid var(--text-color);border-radius:8px;box-shadow:0 4px 15px #00000040;height:80%;overflow-y:auto;position:relative;width:80%;z-index:11}.project-list-tab-list-of-projects{display:flex;flex-direction:column;gap:2%;padding:4% 7% 2%}.project-render-wrap{align-items:center;display:flex;flex-direction:column;gap:2%;width:68%;z-index:1}.project-render-first-block{display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:space-between;width:100%}.project-render-src{border-radius:20px;object-fit:cover;width:69%}.project-render-src-here{aspect-ratio:16/9;border-radius:20px;width:100%}.project-name-and-participant{display:flex;flex-direction:column;justify-content:space-between;width:29%}.project-name,.project-participant{-webkit-backdrop-filter:hue-rotate(30deg);backdrop-filter:hue-rotate(30deg);border:.5px solid var(--text-color);border-radius:20px;color:var(--text-color);height:48%;padding:5%}.project-name h4{color:var(--text-color)}.project-description,.project-tech-stack{border-radius:20px;width:100%}.project-description{-webkit-backdrop-filter:hue-rotate(30deg);backdrop-filter:hue-rotate(30deg);border:.5px solid var(--text-color);padding:2%}.go-Live-Buttons{display:flex;flex-direction:row;gap:10px}@media screen and (max-width:768px){.page-body-projects{gap:20px;height:-webkit-max-content;height:max-content;width:100vw}.project-wrap{flex-direction:column;padding:2%}.project-list-tab{width:100%}.project-list-tab-list-of-projects-onSmallDevice{display:block}.project-list-tab-list-of-projects-onLargeDevice{display:none}.project-render-wrap{height:-webkit-max-content;height:max-content;width:100%;z-index:1}.project-render-first-block{flex-direction:column-reverse;gap:5%;height:-webkit-max-content;height:max-content}.project-name-and-participant{width:100%}.project-render-src{height:-webkit-max-content;height:max-content;width:100%}.project-render-src-here{height:100%;width:100%}}.filter-component{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000bf;display:block;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:12}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.technologies-element{background-color:var(--button-color);border:2px solid var(--button-text-color);border-radius:20px;color:var(--button-text-color);padding:10px 15px;text-decoration:none;white-space:nowrap}.technologies-element.selected{background-color:#f0f;color:#fff;font-weight:700}.filter-center-component{align-items:flex-start;background-color:azure;display:flex;flex-direction:column;gap:20px;height:85%;overflow-y:auto;padding:2%;width:85%}.filter-center-component h3{color:#8a2be2;font-weight:700;margin:0}.filter-center-component-techs-wrap{height:-webkit-max-content;height:max-content;width:100%}.filter-center-component-techs-title{align-items:center;border-bottom:1.5px solid #000;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:10px;width:100%}.filter-opening-button{background-color:azure;color:#8a2be2}.filter-opening-icon{color:#8a2be2}.filter-center-component-techs,.filter-center-component-techs-box{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.filter-center-component-techs-box>h4{font-style:italic;font-weight:500}.filter-center-component-techs-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start}.filter-component-footer{display:flex;flex-direction:row;gap:2%;justify-content:flex-end;padding-left:2%;width:100%}.filter-button,.reset-button{font-weight:700}.page-body-contact{align-items:center;height:-webkit-max-content;height:max-content;padding:10vh 4% 2%}.contact-page,.page-body-contact{display:flex;flex-direction:column;justify-content:center;width:100%}.contact-page{height:100%}.contact-form-frame{display:flex;flex-direction:column;gap:2rem}.contact-info{display:flex;flex-direction:row;gap:30%;justify-content:center}.contact-label{color:var(--text-color);font-weight:600}.contact-area{background-color:var(--button-color);color:var(--button-text-color)}.placeholder-Image{display:flex;justify-content:center;margin-bottom:32px;width:100%}.form-manage-title{margin-bottom:0;margin-top:15px}.inbox-form{margin:15px 0}.form-manage{border:2px solid var(--text-color);border-radius:20px;padding:10px}.start-cv-btn-contact{background-color:var(--background-color);border:0;border:2px solid var(--text-color-highlight);border-radius:25px;color:var(--text-color-highlight);cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.7em 2.5em}.start-cv-btn-contact:hover{background-color:var(--button-color-hover);border:2px solid var(--button-text-color-hover);box-shadow:0 0 10px #72ffff;color:var(--button-text-color-hover);font-weight:700;transform:scale(1.25);transition:all .3s ease-in-out}.confirm-text-box{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-top:10px}.confirm-text,.confirm-text-icon{color:green;margin:0}.confirm-text{font-size:1rem;font-weight:500}.links-list{display:flex;flex-direction:row;gap:10px;justify-content:center}.footer-links{align-items:center;border:2px solid var(--text-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:8.5px;width:3rem}.footer-links:hover{background-color:var(--button-color)}.copyright-drake{align-items:center;color:var(--text-color);display:flex;flex-direction:row;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100%}.copyright-drake h5{margin:0}@media screen and (max-width:768px){.page-body-contact{height:-webkit-max-content;height:max-content;width:100vw}.contact-info{align-items:center;display:flex;flex-direction:column;gap:5px}.contact-info p{width:auto}.copyright-drake{align-items:center;display:flex;flex-direction:row}.copyright-drake h5{font-size:1em}}.page-body-certificates{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;padding:10vh 4% 5%;width:100%}.certificate-introduction,.certificates-showing{width:100%}
/*# sourceMappingURL=main.695baaab.css.map*/