*{font-family:'Inria Sans', sans-serif;font-display:swap;margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box;outline:none}html{font-size:10px;scroll-behavior:smooth}body{background-color:#233342;visibility:hidden}canvas{position:fixed;z-index:-100;display:block}.heading{font-size:3rem;font-weight:bold;color:#233342;text-align:center;margin-bottom:1.5rem}.sub_head{font-size:2rem;margin-bottom:2rem;color:#233342}.sub_text{font-size:1.6rem;letter-spacing:.1rem;color:#4b2b31;margin-bottom:2rem}.red_text{color:red}.light_text{color:#ddd}.loaded{visibility:visible}.spinner-wrapper{background-color:#233342;position:fixed;visibility:visible;left:0;top:0;width:100vw;height:100vh;z-index:100000;padding-left:calc(50% - 4rem);padding-top:calc(50vh - 4rem)}.spinner-wrapper .lds-grid{display:inline-block;position:relative;width:80px;height:80px}.spinner-wrapper .lds-grid div{position:absolute;width:16px;height:16px;border-radius:50%;background:#ce8054;animation:lds-grid 1.2s linear infinite}.spinner-wrapper .lds-grid div:nth-child(1){top:8px;left:8px;animation-delay:0s}.spinner-wrapper .lds-grid div:nth-child(2){top:8px;left:32px;animation-delay:-0.4s}.spinner-wrapper .lds-grid div:nth-child(3){top:8px;left:56px;animation-delay:-0.8s}.spinner-wrapper .lds-grid div:nth-child(4){top:32px;left:8px;animation-delay:-0.4s}.spinner-wrapper .lds-grid div:nth-child(5){top:32px;left:32px;animation-delay:-0.8s}.spinner-wrapper .lds-grid div:nth-child(6){top:32px;left:56px;animation-delay:-1.2s}.spinner-wrapper .lds-grid div:nth-child(7){top:56px;left:8px;animation-delay:-0.8s}.spinner-wrapper .lds-grid div:nth-child(8){top:56px;left:32px;animation-delay:-1.2s}.spinner-wrapper .lds-grid div:nth-child(9){top:56px;left:56px;animation-delay:-1.6s}@keyframes lds-grid{0%,100%{opacity:1}50%{opacity:0.5}}aside{position:fixed;width:40%;height:100vh;margin-left:4%;padding:10rem 0;letter-spacing:.1rem;color:#ce8054}@keyframes intro{0%{opacity:0;transform:translateY(-200%)}100%{}}@media (min-width: 601px) and (max-width: 823px){aside{z-index:-1;width:100%;margin:0;padding:10%}}@media screen and (max-width: 600px){aside{z-index:-1;width:100%;margin:0;padding:10%;padding-top:20%}}aside .title{font-size:5rem;margin-bottom:7vh;animation:intro 1.5s cubic-bezier(0.55, 1.35, 1, -0.55) 1 forwards}@media (min-width: 824px) and (max-width: 1024px){aside .title{font-size:4rem}}@media (min-width: 601px) and (max-width: 823px){aside .title{font-size:3.5rem;width:70%;white-space:normal}}@media screen and (max-width: 600px){aside .title{font-size:3rem;width:70%;white-space:normal}}aside .descr{font-size:1.8rem;margin-bottom:7vh;animation:intro 1.5s cubic-bezier(0.55, 1.35, 1, -0.55) 1 forwards}aside #contact_btn{color:#ce8054;font-size:2rem;font-weight:bold;width:18rem;padding:1rem 0;background:linear-gradient(#6f3637, #180738);border-radius:18rem;border:0.2rem solid #ce8054;box-shadow:inset -18rem 0 0 #233342;margin-bottom:7vh;animation:intro 1.5s cubic-bezier(0.55, 1.35, 1, -0.55) 1 forwards;transition:box-shadow .2s linear}aside #contact_btn:hover,aside #contact_btn:focus{box-shadow:inset 0 0 0 #233342 !important}aside .social_links{height:5rem;margin-bottom:7vh;align-items:center;animation:intro 1.5s cubic-bezier(0.55, 1.35, 1, -0.55) 1 forwards}@media (min-width: 601px) and (max-width: 823px){aside .social_links{float:right}}aside .social_links ul li{display:inline-block;width:4rem;height:4rem;background-color:#ce8054;border-radius:50%;padding-top:.5rem;margin-right:.5rem;text-align:center;transition:.5s}aside .social_links ul li:hover,aside .social_links ul li:focus{transform:scale(1.2)}aside .social_links a{display:inline-block;margin:0 .5rem;color:#233342}aside .text{color:#fff;font-size:1.3rem;animation:intro 1.5s cubic-bezier(0.55, 1.35, 1, -0.55) 1 forwards}.main_nav{position:fixed;width:fit-content;height:fit-content;user-select:none;top:4%;right:3%;z-index:1000}.main_nav .nav_content{opacity:0;width:5rem;height:5rem;border-radius:5rem;line-height:5rem;overflow:hidden;background-color:#4b2b31;transition:width .7s, opacity .7s, margin-right .7s}.main_nav .nav_content.active{opacity:1;width:40rem;margin-right:6rem}@media (min-width: 601px) and (max-width: 823px){.main_nav .nav_content.active{width:75vw}}@media screen and (max-width: 600px){.main_nav .nav_content.active{width:80vw}}.main_nav .nav_content .nav_list{display:flex;flex-direction:row;color:white;opacity:0;transition:opacity .2s}@media (min-width: 601px) and (max-width: 823px){.main_nav .nav_content .nav_list{justify-content:space-evenly}}@media screen and (max-width: 600px){.main_nav .nav_content .nav_list{justify-content:space-evenly}}.main_nav .nav_content .nav_list.active{opacity:1}.main_nav .nav_content .nav_item{width:calc(.25 * 40rem);font-size:1.5rem;text-align:center;z-index:2}.main_nav .nav_content .nav_item>a{height:5rem}.main_nav .nav_content .nav_item:nth-of-type(1):hover ~ .hover,.main_nav .nav_content .nav_item:nth-of-type(1):focus ~ .hover{margin-left:calc( (1 - 1) * calc(.25 * 40rem) + calc(.2 / 10 * 40rem));background-color:#6f3637}.main_nav .nav_content .nav_item:nth-of-type(2):hover ~ .hover,.main_nav .nav_content .nav_item:nth-of-type(2):focus ~ .hover{margin-left:calc( (2 - 1) * calc(.25 * 40rem) + calc(.2 / 10 * 40rem));background-color:#6f3637}.main_nav .nav_content .nav_item:nth-of-type(3):hover ~ .hover,.main_nav .nav_content .nav_item:nth-of-type(3):focus ~ .hover{margin-left:calc( (3 - 1) * calc(.25 * 40rem) + calc(.2 / 10 * 40rem));background-color:#6f3637}.main_nav .nav_content .nav_item:nth-of-type(4):hover ~ .hover,.main_nav .nav_content .nav_item:nth-of-type(4):focus ~ .hover{margin-left:calc( (4 - 1) * calc(.25 * 40rem) + calc(.2 / 10 * 40rem));background-color:#6f3637}.main_nav .nav_content .nav_item:nth-of-type(5):hover ~ .hover,.main_nav .nav_content .nav_item:nth-of-type(5):focus ~ .hover{margin-left:calc( (5 - 1) * calc(.25 * 40rem) + calc(.2 / 10 * 40rem));background-color:#6f3637}.main_nav .nav_content .hover{position:absolute;top:1rem;width:calc(.2 * 40rem);height:3rem;border-radius:5rem;z-index:1;list-style:none;background-color:transparent;transition:.5s}@media (min-width: 601px) and (max-width: 823px){.main_nav .nav_content .hover{display:none}}@media screen and (max-width: 600px){.main_nav .nav_content .hover{display:none}}.main_nav .burger{position:absolute;width:5rem;height:5rem;right:0;z-index:10;border-radius:50%;border:none;background-color:#fff}.main_nav .burger:hover .bar,.main_nav .burger:hover .bar::before,.main_nav .burger:hover .bar::after,.main_nav .burger:focus .bar,.main_nav .burger:focus .bar::before,.main_nav .burger:focus .bar::after{background-color:#ce8054}.main_nav .burger .bar{display:block;width:50%;height:.5rem;margin:2.25rem 25%;border-radius:.2rem;background-color:#4b2b31;transition:.5s}.main_nav .burger .bar.active{background-color:transparent}.main_nav .burger .bar::before,.main_nav .burger .bar::after{content:'';position:absolute;width:inherit;height:inherit;border-radius:inherit;left:25%;background-color:#4b2b31;transition:.5s}.main_nav .burger .bar::before{transform:translateY(-190%)}.main_nav .burger .bar.active::before{transform:rotate(45deg)}.main_nav .burger .bar::after{transform:translateY(190%)}.main_nav .burger .bar.active::after{transform:rotate(-45deg)}main{float:right;width:50%;height:100%}@media (min-width: 601px) and (max-width: 823px){main{float:left;width:100%;margin-top:100vh}}@media screen and (max-width: 600px){main{float:left;width:100%;margin-top:100vh}}main section{width:100%;height:100vh;padding:7rem 10%;overflow:hidden;position:sticky}main section:nth-of-type(n+2){background:#fff}main section:nth-of-type(2n-1){top:0%}main section#about{height:200vh;padding:10rem 0;background-color:none}main section#about .container3d{position:fixed;overflow:hidden;width:50%;top:35%;height:calc(50vh - 10rem);perspective:10rem;perspective-origin:right top}@media (min-width: 601px) and (max-width: 823px){main section#about .container3d{width:100%;top:20%;height:calc(100vh - 20rem);position:absolute}}@media screen and (max-width: 600px){main section#about .container3d{width:100%;top:20%;height:calc(100vh - 20rem);position:absolute}}main section#about .container3d .scene3d{width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(0px);will-change:transform}main section#about .container3d .scene3d .card{position:absolute;width:80%;border-radius:2.5rem;top:20%;padding:4% 5%;background-color:#ce8054}main section#about .container3d .scene3d .card:first-of-type{transform:translate3d(0, 0, -100px)}main section#about .container3d .scene3d .card:nth-of-type(2){transform:translate3d(0, 0, -400px)}main section#about .container3d .scene3d .card:nth-of-type(3){transform:translate3d(0, 0, -600px)}main section#about .container3d .scene3d .card:nth-of-type(4){transform:translate3d(0, 0, -800px)}main section#about p{font-weight:bold}main section#skills{text-align:center}@media screen and (max-width: 600px){main section#skills{padding:1rem 2%;padding-top:10%}}@media screen and (max-width: 600px) and (orientation: landscape){main section#skills{overflow-y:scroll}}@media (min-width: 601px) and (max-width: 823px){main section#skills{padding:3rem 2%;padding-top:10%}}@media screen and (min-width: 601px) and (max-width: 823px) and (orientation: landscape){main section#skills{overflow-y:scroll}}main section#skills #tiles{width:100%;height:40rem;margin:2.5rem 0}main section#skills #tiles>div{display:inline-block;font-weight:bold;font-size:1.1rem;width:5.2rem;height:10%;margin:3%;transition:.5s ease-out}main section#skills #tiles>div:hover{z-index:10;transform:scale(1.4)}main section#skills #tiles>div:hover p{opacity:1}main section#skills #tiles>div.trigger:nth-of-type(1){z-index:10;animation:pulse .2s linear .032s 1}main section#skills #tiles>div.trigger:nth-of-type(2){z-index:10;animation:pulse .2s linear .072s 1}main section#skills #tiles>div.trigger:nth-of-type(3){z-index:10;animation:pulse .2s linear .112s 1}main section#skills #tiles>div.trigger:nth-of-type(4){z-index:10;animation:pulse .2s linear .152s 1}main section#skills #tiles>div.trigger:nth-of-type(5){z-index:10;animation:pulse .2s linear .192s 1}main section#skills #tiles>div.trigger:nth-of-type(6){z-index:10;animation:pulse .2s linear .232s 1}main section#skills #tiles>div.trigger:nth-of-type(7){z-index:10;animation:pulse .2s linear .272s 1}main section#skills #tiles>div.trigger:nth-of-type(8){z-index:10;animation:pulse .2s linear .312s 1}main section#skills #tiles>div.trigger:nth-of-type(9){z-index:10;animation:pulse .2s linear .352s 1}main section#skills #tiles>div.trigger:nth-of-type(10){z-index:10;animation:pulse .2s linear .392s 1}main section#skills #tiles>div.trigger:nth-of-type(11){z-index:10;animation:pulse .2s linear .432s 1}main section#skills #tiles>div.trigger:nth-of-type(12){z-index:10;animation:pulse .2s linear .472s 1}main section#skills #tiles>div.trigger:nth-of-type(13){z-index:10;animation:pulse .2s linear .512s 1}main section#skills #tiles>div.trigger:nth-of-type(14){z-index:10;animation:pulse .2s linear .552s 1}main section#skills #tiles>div.trigger:nth-of-type(15){z-index:10;animation:pulse .2s linear .592s 1}main section#skills #tiles>div.trigger:nth-of-type(16){z-index:10;animation:pulse .2s linear .632s 1}main section#skills #tiles>div.trigger:nth-of-type(17){z-index:10;animation:pulse .2s linear .672s 1}main section#skills #tiles>div.trigger:nth-of-type(18){z-index:10;animation:pulse .2s linear .712s 1}main section#skills #tiles>div.trigger:nth-of-type(19){z-index:10;animation:pulse .2s linear .752s 1}main section#skills #tiles>div.trigger:nth-of-type(20){z-index:10;animation:pulse .2s linear .792s 1}main section#skills #tiles>div.trigger:nth-of-type(21){z-index:10;animation:pulse .2s linear .832s 1}main section#skills #tiles>div.trigger:nth-of-type(22){z-index:10;animation:pulse .2s linear .872s 1}main section#skills #tiles>div.trigger:nth-of-type(23){z-index:10;animation:pulse .2s linear .912s 1}@keyframes pulse{0%{transform:scale(1)}20%{transform:scale(1.5)}100%{transform:scale(1)}}main section#skills #tiles>div p{opacity:0;margin-top:25%;background:#fff;transition:.5s;user-select:none}main section#projects{padding-left:0;padding-right:0}main section#projects #proj_bg{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:-1;transition:.5s}main section#projects #proj_bg.active{z-index:0;opacity:1}main section#projects i.proj-arrow{margin-top:calc(40vh - 4rem);transform:scale(4);color:rgba(255,255,255,0.8)}main section#projects i.proj-arrow:nth-of-type(1){margin-left:5%}main section#projects i.proj-arrow:nth-of-type(2){float:right;margin-right:5%}main section#projects #proj_descr{margin-top:40vh;padding:1rem 10%;text-align:center;color:#eee !important}@media (min-width: 601px) and (max-width: 823px){main section#projects #proj_descr{margin-top:35vh}}@media screen and (max-width: 600px){main section#projects #proj_descr{margin-top:35vh}}main section#projects #proj_descr #proj_title{color:inherit;margin-bottom:.5rem}main section#projects #proj_descr #proj_code{font-size:1.4rem;padding:0 .5rem;color:#eee;text-decoration:underline}main section#projects #proj_descr #proj_code:hover,main section#projects #proj_descr #proj_code:focus{outline:auto}main section#projects #proj_descr #proj_text{color:inherit;overflow:hidden;height:fit-content;margin:1rem  0}main section#projects .nav_dots{position:absolute;width:fit-content;align-self:center;bottom:10%}main section#projects .nav_dots .dot{visibility:hidden;margin:0 .5rem;opacity:.5}main section#projects .nav_dots .dot::after{content:'';visibility:visible;position:absolute;width:1.2rem;height:1.2rem;border-radius:50%;background-color:#fff}main section#projects .nav_dots input[name=dot]:checked{opacity:1;background:rgba(255,255,255,0.4)}@media screen and (max-width: 600px){main section#contact{padding:1rem 3%;padding-top:10%}}@media screen and (max-width: 600px) and (orientation: landscape){main section#contact{overflow-y:scroll}}@media (min-width: 601px) and (max-width: 823px){main section#contact{padding:3rem 3%;padding-top:10%}}@media screen and (min-width: 601px) and (max-width: 823px) and (orientation: landscape){main section#contact{overflow-y:scroll}}main section#contact label{margin-bottom:1.5rem}main section#contact input{width:100%;height:5rem;font-size:1.5rem;border-radius:.5rem;padding:0 2.5rem;border:none;color:#4b2b31;background-color:#e9e9e9;margin:.5rem 0 2.5rem 0}main section#contact input:focus{border:0.2rem solid #ce8054;background-color:#233342;color:#ce8054}main section#contact input[type=submit]{width:30%;padding:0;margin:0;font-size:2rem;font-weight:bold;border-radius:5rem;color:#ce8054;background-color:#fff;border:0.3rem solid #ce8054;transition:.5s}main section#contact input[type=submit]:hover,main section#contact input[type=submit]:focus{background-color:#ce8054;color:#fff}main section#contact textarea{width:100%;font-size:1.5rem;height:15rem;color:#4b2b31;background-color:#e9e9e9;border-radius:.5rem;padding:2rem 2.5rem;border:none;margin:.5rem 0 2.5rem 0;resize:none}main section#contact textarea:focus{border:0.2rem solid #ce8054;background-color:#233342;color:#ce8054}
/*# sourceMappingURL=style.min.css.map */