@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Red+Hat+Mono:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";.color-primary{color:#63ffda}.color-primary-dimmed{color:#cc0c}.text-header{font-size:80px;font-weight:600;color:#ccd6f6}.text-sub-header{color:#ccd6f6bf;font-size:19px;line-height:1.35}.mt-0{margin-top:0!important}.text-muted{font-size:19px;line-height:1.35;color:#ccd6f6bf}.bold{font-weight:600}.tabs{position:relative;border-radius:5px;min-width:240px}.tabs input[name=tab-control]{display:none}.tabs ul{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-bottom:10px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.tabs ul li{box-sizing:border-box;flex:1;width:25%;text-align:center}.tabs ul li label{cursor:pointer;color:#a5bdb7;padding:5px auto;transition:all .2s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#ccd6f6bf;font-size:19px;line-height:1.35}.tabs ul li label br{display:none}.tabs ul li label svg{fill:#a5bdb7;height:1.2em;vertical-align:bottom;margin-right:.2em;transition:all .2s ease-in-out}.tabs ul li label:hover,.tabs ul li label:focus,.tabs ul li label:active{outline:0;color:#d1ddda}.tabs ul li label:hover svg,.tabs ul li label:focus svg,.tabs ul li label:active svg{fill:#d1ddda}.tabs .slider{position:relative;width:25%;transition:all .33s cubic-bezier(.38,.8,.32,1.07)}.tabs .slider .indicator{position:relative;width:100%;height:1px;background:#63ffda;border-radius:2px}.tabs .tab-content{height:100%;padding-top:20px}.tabs .tab-content section{display:none;height:100%;animation:content .3s ease-in-out 1 normal}.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1){border-color:#63ffda}.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label{cursor:default;color:#63ffda!important}.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg{fill:#63ffda}.tabs input[name=tab-control]:nth-of-type(1):checked~.slider{transform:translate(0)}.tabs input[name=tab-control]:nth-of-type(1):checked~.tab-content>section:nth-child(1){display:block}.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2){border-color:#63ffda}.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label{cursor:default;color:#63ffda!important}.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg{fill:#63ffda}.tabs input[name=tab-control]:nth-of-type(2):checked~.slider{transform:translate(100%)}.tabs input[name=tab-control]:nth-of-type(2):checked~.tab-content>section:nth-child(2){display:block}.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3){border-color:#63ffda}.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label{cursor:default;color:#63ffda!important}.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg{fill:#63ffda}.tabs input[name=tab-control]:nth-of-type(3):checked~.slider{transform:translate(200%)}.tabs input[name=tab-control]:nth-of-type(3):checked~.tab-content>section:nth-child(3){display:block}.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4){border-color:#63ffda}.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label{cursor:default;color:#63ffda!important}.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg{fill:#63ffda}.tabs input[name=tab-control]:nth-of-type(4):checked~.slider{transform:translate(300%)}.tabs input[name=tab-control]:nth-of-type(4):checked~.tab-content>section:nth-child(4){display:block}@keyframes content{0%{opacity:0;transform:translateY(5%)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 700px){.tabs ul{display:grid;gap:10px;grid-template-columns:1fr 1fr}.tabs ul li.main-tab{width:100%;padding:10px;border:1px solid #ccd6f6}.tabs .slider{display:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}*:not(span){color:#fff}body{margin:0;padding:0;width:100%;min-width:fit-content;background-color:#0a192f}body::-webkit-scrollbar{width:thin}body::-webkit-scrollbar-thumb{background-color:#ccd6f680;border:3px solid #0a192f;border-radius:10px;transition:all .3s}body::-webkit-scrollbar-thumb:hover{background-color:#ccd6f6;transition:all .3s}body::-webkit-scrollbar-track{background:#0a192f}.right{position:fixed;border-radius:50px;margin-right:20px;bottom:0;right:0}.right svg{cursor:pointer;width:25px;height:25px;transition:all .4s}.right svg path,.right svg rect,.right svg circle,.right svg polyline,.right svg line{transition:all .4s;color:#fff}.right svg:hover{transition:all .4s;transform:scale(1.2)}.right svg:hover path,.right svg:hover rect,.right svg:hover circle,.right svg:hover polyline,.right svg:hover line{transition:all .4s;color:#63ffda}.right ul{display:flex;flex-direction:column;list-style:none;padding-bottom:20px}.right li:not(:last-child){padding-bottom:20px}.right:after{transition:all .6s;content:"";display:block;width:1px;height:120px;background-color:#ccd6f680;margin-left:10px}.left{position:fixed;bottom:0;left:0;margin-left:20px}.left *{transition:all .6s}.left:hover:after{background-color:#63ffda}.left:hover a{color:#63ffda}.left:hover p{transform:rotate(180deg) translateY(10px)}.left p{writing-mode:vertical-lr;transform:rotate(180deg);margin-bottom:20px}.left a{color:#ccd6f6;font-size:14px;text-decoration:none;font-family:Red Hat Mono,monospace}.left:after{transition:all .6s;content:"";display:block;width:1px;height:120px;background-color:#ccd6f680;margin-left:10px}header{position:fixed;z-index:10;width:100%;user-select:none;padding:20px 40px;transition:all .6s}header nav{display:flex;justify-content:space-between}header .nav-logo-container{width:50px;height:50px}header .nav-logo{width:100%;height:100%}header .nav-link-container{display:flex;align-items:center}header .nav-link-container ul{list-style:none;display:flex}header .nav-link-container li{padding:10px 15px;display:flex;justify-content:center;align-items:center;display:inline-block;text-decoration:none;position:relative;transition:all 1s;font-family:Red Hat Mono,monospace}header .nav-link-container li:hover{color:#63ffda;transition:all 1s}header .nav-link-container a.nav-resume{color:#63ffda;border:1.5px solid #64ffda;border-radius:3.5px;font-size:.9rem;font-weight:500;padding:10px 18px;margin-left:10px;transition:all .3s;transition-delay:.2s;text-decoration:none;display:flex;justify-content:center;align-items:center}header .nav-link-container a.nav-resume:hover{background-color:#63ffda;transform:translateY(-4px);transition:all .3s;color:#000;box-shadow:0 0 20px #63ffda99}main{padding:0 40px;width:100%}main section{width:100%;height:100vh}section#first-section{display:flex;justify-content:center}section#first-section .content{max-width:1000px;padding-top:200px}section#first-section .header{margin-bottom:10px;color:#63ffda;font-family:Red Hat Mono,monospace;font-size:22px;font-weight:500}section#first-section .header-name{margin-bottom:10px}section#first-section .header-description{max-width:700px}section#second-section{display:flex;justify-content:center}section#second-section .content{max-width:1200px;max-height:800px;padding-top:200px;display:flex}section#second-section .about-me-image-container{position:relative;height:auto;flex:2;user-select:none}section#second-section .about-me-image-container:hover .overlay{transition:all .6s;opacity:0}section#second-section .about-me-image-container:hover .underlay{transition:all .6s .2s;transform:initial;border-color:transparent}section#second-section .about-me-image-container img{width:100%;height:100%;object-fit:cover;border-radius:5px}section#second-section .about-me-image-container .overlay{border-radius:5px;position:absolute;inset:0;background-color:#00cf9f66;transition:all .6s}section#second-section .about-me-image-container .underlay{border-radius:5px;position:absolute;inset:0;transform:translate(-20px) translateY(20px);border:3px solid rgba(0,207,159,.7);z-index:-1;transition:all .6s}section#second-section .about-me-container{padding:0 50px;flex:3}section#second-section .about-me-container .text-header{margin:0;margin-block-start:0;font-size:50px}section#second-section .about-me-container .tabs{margin-top:40px}section#second-section .about-me-skills-list{display:grid;column-gap:20px;row-gap:10px;grid-template-columns:1fr 1fr 1fr}section#second-section .about-me-skills-list li{width:100%;position:relative;text-align:start;padding-left:30px;display:flex;align-items:center;font-size:20px}section#second-section .about-me-skills-list li:before{content:"▹";position:absolute;left:0;bottom:10px;color:#63ffda;font-size:25px;line-height:12px;display:flex;align-items:center}section#second-section .about-me-skills-list .no-arrow:before{content:none;display:none}section#second-section .about-me-skills-list .learning-amateur:before{content:"▹";position:absolute;left:0;bottom:10px;color:#cc0;font-size:25px;line-height:12px;display:flex;align-items:center}section#second-section .about-me-skills-list .learning-process:before{content:"▹";position:absolute;left:0;bottom:10px;color:#d035ff;font-size:25px;line-height:12px;display:flex;align-items:center}section#second-section .about-me-skills-list-header{font-size:30px;color:#ccd6f6;margin:35px 0 15px}section#second-section .main-skill-section{position:relative}section#second-section .color-explanation-container{position:absolute;right:-100px;top:40px}section#second-section .color-explanation-container ul{display:flex;flex-direction:column}section#second-section .color-explanation-container li{color:#63ffda;width:100%;position:relative;text-align:start;padding-left:30px;display:flex;align-items:center;font-size:20px}section#second-section .color-explanation-container li:before{content:"o";position:absolute;left:0;bottom:10px;color:#63ffda;font-size:25px;line-height:12px;display:flex;align-items:center}section#second-section .color-explanation-container .learning-amateur:before{content:"o";position:absolute;left:0;bottom:10px;color:#cc0;font-size:25px;line-height:12px;display:flex;align-items:center}section#second-section .color-explanation-container .learning-process:before{content:"o";position:absolute;left:0;bottom:10px;color:#d035ff;font-size:25px;line-height:12px;display:flex;align-items:center}section#second-section .jobs-section .job-container{margin-top:30px}section#second-section .jobs-section .title{margin-bottom:3px}section#second-section .jobs-section .subtitle{margin-bottom:3px}section#second-section .jobs-section .date{margin-left:10px}section#second-section .jobs-section .jobs-descr-container{margin-top:10px}section#second-section .jobs-section .job-descr{margin-top:5px}section#second-section .jobs-section .details-text{cursor:pointer;margin-top:20px;text-align:end;color:#ccd6f6;transition:all .6s}section#second-section .jobs-section .details-text:hover{transition:all .6s;color:#63ffda}section#second-section .award-section .title{margin-bottom:3px}section#second-section .award-section .subtitle{margin-bottom:3px}section#second-section .award-section a{cursor:pointer;display:inline-block;text-decoration:none;text-align:end}section#second-section .award-section a svg{cursor:pointer;width:20px;height:20px;transition:all 400}section#second-section .award-section a svg path,section#second-section .award-section a svg rect,section#second-section .award-section a svg circle,section#second-section .award-section a svg polyline,section#second-section .award-section a svg line{transition:all 400;color:#63ffda}section#second-section .award-section a svg:hover{transition:all 400}section#second-section .award-section a svg:hover path,section#second-section .award-section a svg:hover rect,section#second-section .award-section a svg:hover circle,section#second-section .award-section a svg:hover polyline,section#second-section .award-section a svg:hover line{transition:all 400;color:#63ffda}section#second-section .award-section a span{display:flex;align-items:center}section#second-section .award-section a svg{margin-left:5px}section#third-section{display:flex;justify-content:center}section#third-section .content{padding-top:200px}section#third-section .text-header{font-size:50px;text-align:center}section#third-section .sub-header a{cursor:pointer;text-decoration:none;color:#63ffda;font-family:Red Hat Mono,monospace;font-size:20px;font-weight:500;transition:all .6s;margin-top:10px;display:flex;align-items:center;justify-content:center}section#third-section .sub-header a svg{margin-left:10px;height:25px;width:25px}section#third-section .sub-header a svg path{transition:all .6s;color:#63ffda}section#third-section .sub-header a:hover,section#third-section .sub-header a:hover svg path{transition:all .6s;color:#63ffda99}section#third-section .projects-container{margin-top:50px;display:grid;grid-template-columns:auto auto auto;gap:15px}section#third-section .card{cursor:pointer;background-color:#080c1a;border-radius:8px;width:380px;padding:40px;transition:all .4s;display:flex;flex-direction:column;justify-content:space-between}section#third-section .card:hover{transition:all .4s;transform:translateY(-10px)}section#third-section .card:hover .content-container h2{transition:all .4s;color:#63ffda}section#third-section .card .header-container svg{cursor:pointer;width:25px;height:25px;transition:all .4s}section#third-section .card .header-container svg path,section#third-section .card .header-container svg rect,section#third-section .card .header-container svg circle,section#third-section .card .header-container svg polyline,section#third-section .card .header-container svg line{transition:all .4s;color:#ccd6f6}section#third-section .card .header-container svg:hover{transition:all .4s}section#third-section .card .header-container svg:hover path,section#third-section .card .header-container svg:hover rect,section#third-section .card .header-container svg:hover circle,section#third-section .card .header-container svg:hover polyline,section#third-section .card .header-container svg:hover line{transition:all .4s;color:#63ffda}section#third-section .card .header-container a{text-decoration:none}section#third-section .card .content-container{display:flex;flex-direction:column;margin:20px 0;flex:1}section#third-section .card .content-container h2{transition:all .4s;margin-bottom:10px}section#third-section .card .footer-container ul{display:flex}section#third-section .card .footer-container li{list-style:none;padding:10px}section#third-section .card .footer-container li:first-child{padding-left:0}section#fourth-section{display:flex;justify-content:center;height:80vh}section#fourth-section .content{padding-top:16%}section#fourth-section .text-header{text-align:center;margin-bottom:40px}section#fourth-section .text-sub-header{max-width:800px;text-align:center}section#fourth-section .sub-header a{cursor:pointer;text-decoration:none;color:#63ffda99;font-family:Red Hat Mono,monospace;font-size:20px;font-weight:500;transition:all .6s;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,255,218,.6);width:fit-content;padding:13px 25px;border-radius:4px;margin:60px auto 0}section#fourth-section .sub-header a:hover{transition:all .6s;color:#63ffda;border:1px solid #63ffda;background-color:#63ffda0d}section#fourth-section .sub-header-container{display:none;justify-content:center;gap:20px}section#fourth-section .sub-header-container svg{cursor:pointer;width:25px;height:25px;transition:all .4s}section#fourth-section .sub-header-container svg path,section#fourth-section .sub-header-container svg rect,section#fourth-section .sub-header-container svg circle,section#fourth-section .sub-header-container svg polyline,section#fourth-section .sub-header-container svg line{transition:all .4s;color:#63ffda}section#fourth-section .sub-header-container svg:hover{transition:all .4s}section#fourth-section .sub-header-container svg:hover path,section#fourth-section .sub-header-container svg:hover rect,section#fourth-section .sub-header-container svg:hover circle,section#fourth-section .sub-header-container svg:hover polyline,section#fourth-section .sub-header-container svg:hover line{transition:all .4s;color:#63ffda}section#fourth-section .sub-header-container a{margin-top:20px}footer svg{cursor:pointer;width:25px;height:25px;transition:all .4s}footer svg path,footer svg rect,footer svg circle,footer svg polyline,footer svg line{transition:all .4s;color:#ccd6f6bf}footer svg:hover{transition:all .4s}footer svg:hover path,footer svg:hover rect,footer svg:hover circle,footer svg:hover polyline,footer svg:hover line{transition:all .4s;color:#63ffda}footer p{cursor:pointer;margin-bottom:15px}footer p:hover svg path,footer p:hover a{color:#63ffda;transition:all .4s}footer a{text-decoration:none;display:flex;align-items:center;justify-content:center}footer svg{margin-left:10px}.scroll{transition:all .6s;opacity:0}.scroll-background{background-color:#000}.header-giff-link{width:100%;height:0;padding-bottom:56%;position:relative;pointer-events:none;margin-top:50px}.nav-burger-container{display:none}.nav-link-container-mobile-blur{opacity:0;visibility:hidden;transition:all .2s ease-in-out;transition-delay:0s;cursor:pointer;position:fixed;inset:0;background-color:#0006;z-index:10}.nav-link-container-mobile{transform:translate(400px);transition:transform .4s ease-in;transition-delay:0s;z-index:11;position:fixed;right:0;top:0;bottom:0;min-width:400px;background-color:#112240}.nav-link-container-mobile .svg-container{display:flex;justify-content:flex-end;padding:20px 40px}.nav-link-container-mobile .svg-container svg{cursor:pointer;width:40px;height:40px;transition:all 400}.nav-link-container-mobile .svg-container svg path,.nav-link-container-mobile .svg-container svg rect,.nav-link-container-mobile .svg-container svg circle,.nav-link-container-mobile .svg-container svg polyline,.nav-link-container-mobile .svg-container svg line{transition:all 400;color:#63ffda}.nav-link-container-mobile .svg-container svg:hover{transition:all 400}.nav-link-container-mobile .svg-container svg:hover path,.nav-link-container-mobile .svg-container svg:hover rect,.nav-link-container-mobile .svg-container svg:hover circle,.nav-link-container-mobile .svg-container svg:hover polyline,.nav-link-container-mobile .svg-container svg:hover line{transition:all 400;color:#63ffda}.nav-link-container-mobile .svg-container svg{fill:#63ffda}.nav-link-container-mobile .svg-container svg:hover{fill:#00cf9f}.nav-link-container-mobile ul{list-style:none;flex-direction:column;display:flex}.nav-link-container-mobile li{font-size:1.5rem;margin-top:30px;display:flex;justify-content:center;align-items:center;padding:10px 15px;display:inline-block;text-decoration:none;position:relative;transition:all 1s;font-family:Red Hat Mono,monospace;text-align:center}.nav-link-container-mobile li:hover{color:#63ffda;transition:all 1s}.nav-link-container-mobile a.nav-resume{margin:30px auto;height:50px;max-width:150px;font-size:1rem;line-height:1;border:1px solid rgba(99,255,218,.5);color:#63ffda;padding:10px 15px;border-radius:5px;transition:all .3s;transition-delay:.2s;text-decoration:none;display:flex;justify-content:center;align-items:center}.nav-link-container-mobile a.nav-resume:hover{background-color:#63ffda;transform:translateY(-4px);transition:all .3s;color:#000;box-shadow:0 0 20px #63ffda99}@media only screen and (max-width: 1600px){main{padding:0 20px}main section{height:auto}section#second-section .content{max-height:initial;flex-direction:column-reverse;align-items:center}section#second-section .about-me-image-container{margin-top:100px}section#second-section .about-me-image-container img{height:800px;width:500px}}@media only screen and (max-width: 1450px){section#third-section .projects-container{grid-template-columns:auto auto}section#third-section .card{width:400px}section#second-section .color-explanation-container{display:none}}@media only screen and (max-width: 1200px){header .nav-link-container{display:none}header .nav-logo-container{height:40px}header .nav-burger-container{display:flex;align-items:center}header .nav-burger-container svg{cursor:pointer;width:40px;height:40px;transition:all 400}header .nav-burger-container svg path,header .nav-burger-container svg rect,header .nav-burger-container svg circle,header .nav-burger-container svg polyline,header .nav-burger-container svg line{transition:all 400;color:#63ffda}header .nav-burger-container svg:hover{transition:all 400}header .nav-burger-container svg:hover path,header .nav-burger-container svg:hover rect,header .nav-burger-container svg:hover circle,header .nav-burger-container svg:hover polyline,header .nav-burger-container svg:hover line{transition:all 400;color:#63ffda}header .nav-burger-container svg{fill:#63ffda}header .nav-burger-container svg:hover{fill:#00cf9f}.right,.left{display:none}section#fourth-section .sub-header-container{display:flex}}@media screen and (max-width: 900px){section#first-section{margin-bottom:40px}section#first-section .header-name{font-size:50px}section#second-section .content{flex-direction:column-reverse;align-items:center}section#second-section .about-me-image-container{margin-top:100px}section#second-section .about-me-image-container img{height:500px;width:300px}section#second-section .about-me-container{padding:0}section#second-section .about-me-container .text-header{font-size:50px;text-align:center;margin-bottom:20px}section#second-section .about-me-skills-list{display:grid;column-gap:5px;row-gap:10px;grid-template-columns:1fr 1fr}section#second-section .about-me-skills-list .no-arrow{display:none}section#third-section .projects-container{display:grid;grid-template-columns:auto;gap:15px}section#third-section .card{width:100%;padding:40px}section#fourth-section .text-header{font-size:40px}section#fourth-section .sub-header a{margin:20px auto;font-size:14px}}@media screen and (max-width: 450px){section#third-section{margin-bottom:100px}section#third-section .card{width:100%;padding:15px}section#fourth-section{height:initial;margin-bottom:150px}}