#landing{height:100vh;display:flex;padding:3rem 5rem 1rem;flex-direction:column}#landing header{display:flex;justify-content:space-between}#landing header #logo{width:5rem}#landing header ul{display:flex;align-items:center}#landing header ul a{margin-right:2.5rem;padding:1rem 2rem;border-radius:5rem}#landing header ul li:last-child a{margin-right:0}#landing #main-container{flex-grow:1;display:flex;align-items:center;justify-content:center}#landing #main-content{position:relative;display:flex;width:100%;max-width:2300px;justify-content:space-between}#landing #main-container h1 span{font-size:5.5rem;font-family:Ubuntu;white-space:nowrap}#landing #main-container h1 #contrast-container span.contrast{font-family:Ubuntu;color:#2a2d5c;-webkit-animation-name:TurnColorAnimation;animation-name:TurnColorAnimation;-webkit-animation-duration:.8s;animation-duration:.8s}#landing #main-container h1 #contrast-container{margin-left:7.5rem}#landing #main-container small{display:block;color:#757575;font-size:1.6rem;margin-top:4rem;margin-left:4rem}#landing #main-container img{width:25rem}@-webkit-keyframes TurnColorAnimation{0%{color:#fff}to{color:#2a2d5c}}@keyframes TurnColorAnimation{0%{color:#fff}to{color:#2a2d5c}}@-webkit-keyframes DropDownAnimation{0%{top:-20rem}to{top:0}}@keyframes DropDownAnimation{0%{top:-20rem}to{top:0}}@media (max-width:1100px){#landing #main-content{position:relative;flex-direction:column;justify-content:center;align-items:center;width:auto;top:2rem;padding-top:0}#landing #main-container h1 span{font-size:4.5rem}#landing #main-container h1 #contrast-container{margin-left:2rem}#landing #main-container small{margin-left:0;text-align:center}#landing #main-container img{position:absolute;top:-8rem;right:0;width:12rem;align-self:flex-end}}@media (max-width:700px){#landing{padding:2.5rem}#landing #main-content{top:1rem}#landing header{padding:1rem 0}#landing header #nav-background{z-index:9999}#landing header #collapse-button{background-color:transparent;color:hsla(0,0%,100%,.3)!important;transition:color .5s}#landing header #collapse-button:active{color:hsla(0,0%,100%,.1)!important}#landing header #collapse-header{position:absolute;display:flex;flex-direction:column;top:-50rem;left:1rem;right:1rem;padding:1.5rem;background-color:#e1e1e1;border-radius:.4rem;transition:top 1s}#landing header #collapse-header #nav-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}#landing header #collapse-header #nav-head img{width:5rem}#landing header #collapse-header button{background-color:transparent;font-size:4rem;margin-bottom:1rem}#landing header #collapse-header ul{flex-direction:column;align-items:flex-start}#landing header #collapse-header ul li{margin-top:1rem;border:none;border-bottom:1px solid rgba(0,0,0,.1);width:100%;padding-bottom:1rem}#landing header #collapse-header ul li:last-child{padding-bottom:0;border-bottom:none}#landing header #collapse-header ul li a{color:#2a2d5c;border-radius:0;display:inline;border:none!important;font-size:1.4rem;font-weight:700;padding:0}}#skills .main .text-container{margin:6rem 0 5rem}#skills #carousel-container{padding:0 2rem;position:relative}#skills #carousel-container #binary{top:2rem;right:-10rem}#skills .carrossel{background-color:var(--secondary-color);position:relative;padding:2.5rem 2rem 2rem;border-radius:.5rem}#skills .carrossel .content-container{display:flex;position:relative;overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}#skills .carrossel .content-container .content{z-index:1;display:flex;flex:0 0 100%;scroll-snap-align:center;padding:0 3rem}#skills .carrossel .content-container .content.active{z-index:2}#skills .carrossel .content .identify-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:auto}#skills .carrossel .content .identify-container img{width:10rem;max-height:5rem;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0;transition:opacity .5s linear,-webkit-filter .8s linear;transition:filter .8s linear,opacity .5s linear;transition:filter .8s linear,opacity .5s linear,-webkit-filter .8s linear;transition-delay:1.4s,.8s}#skills .carrossel .content.active .identify-container img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}#skills .carrossel .content .identify-container .label{display:block;margin-top:2rem;text-align:center;width:7rem;word-wrap:wrap;font-weight:700;color:#cdcdcd;font-size:1.3rem}#skills .carrossel .content .data-container{display:flex;position:relative;justify-content:space-evenly;top:1rem;flex-direction:column;width:100%;margin-left:3rem}#skills .carrossel .content .data-container .tag{background-color:rgba(126,126,192,.25);align-self:flex-end;padding:.5rem 1.8rem;font-size:.9rem;border-radius:.3rem;margin-top:2rem;margin-bottom:2rem}#skills .carrossel .content .data-container ul li{margin-bottom:1rem;color:#888}#skills .carrossel .content .data-container ul span{color:#cdcdcd;font-family:Comfortaa;font-size:.8rem;font-weight:700}#skills .carrossel .content .data-container ul .line{position:relative;display:flex;align-items:center}#skills .carrossel .content .data-container ul .line .bg-line{background-color:#888;width:100%;height:2px}#skills .carrossel .content .data-container ul .line .grow{height:4px;width:0;transition-property:width;transition-duration:1s;transition-delay:.5s}#skills .carrossel .content.active .data-container ul .line .grow{width:100%}#skills .carrossel .content .data-container ul .line .ball{font-size:.9rem;z-index:2;color:#a3a3a3}#skills .carrossel .control{display:flex;color:#888;font-size:.5rem;justify-content:center;margin-top:.5rem}#skills .carrossel .control li{cursor:pointer;margin-left:1.8rem}#skills .carrossel .control li svg{transition:color .5s,box-shadow .5s,text-shadow .5s}#skills .carrossel .control li:hover svg{color:#fff;box-shadow:0 0 1rem hsla(0,0%,100%,.9),inset 0 0 1rem hsla(0,0%,100%,.4);border-color:#fff;border-radius:50%;text-shadow:0 0 .5rem hsla(0,0%,100%,.5)}#skills .carrossel .control li:first-child{margin-left:0}#skills .carrossel .control li.active svg{color:#fff;box-shadow:0 0 1rem hsla(0,0%,100%,.9),inset 0 0 1rem hsla(0,0%,100%,.4);border-color:#fff;border-radius:50%;text-shadow:0 0 .5rem hsla(0,0%,100%,.5)}@media (max-width:1100px){#skills .main #big-skills li{font-size:4.5rem;color:#cdcdcd!important;padding:1.5rem 3rem;cursor:pointer;text-shadow:0 0 1rem hsla(0,0%,85.9%,.7)}#skills .main #big-skills li span{font-size:1rem;margin-top:.5rem}}@media (max-width:700px){#skills .main .text-container{margin:5rem 0 2rem}#skills .main #big-skills{justify-content:center;margin-bottom:2.5rem}#skills .main #big-skills li{font-size:4.5rem;color:#cdcdcd!important;padding:1.5rem 3rem;text-shadow:0 0 1rem hsla(0,0%,85.9%,.7)}#skills .main #big-skills li span{font-size:1rem;margin-top:.5rem}#skills #carousel-container #binary{position:absolute;z-index:-1;top:-8rem;right:-8rem;object-fit:contain}#skills #carousel-container{padding:0}#skills .carrossel{padding:2rem 1rem 0}#skills .carrossel .content{flex-direction:column;padding:0}#skills .carrossel .content .identify-container{flex-direction:row;justify-content:space-between;align-items:center}#skills .carrossel .content .identify-container .label{margin:0;font-size:1.7rem;text-align:end;line-height:2.3rem;width:8rem}#skills .carrossel .content .identify-container img{width:12rem}#skills .carrossel .content .data-container{margin:1rem 0 0;height:100%;justify-content:space-between}#skills .carrossel .content .data-container ul{justify-content:center}#skills .carrossel .content .data-container ul span{font-size:1rem}#skills .carrossel .content .data-container .tag{align-self:flex-start;padding:.8rem 1.5rem;font-size:1.2rem}#skills .carrossel .control{position:relative;top:-2.5rem;font-size:.75rem;justify-content:flex-end;padding-right:2rem}}#projects{padding:3rem 14rem 3rem 10rem}#projects #idea{top:8rem;left:6rem;width:15rem}#projects .main p{margin-bottom:1rem;text-align:left}#projects #project-list{display:flex;flex-wrap:wrap;justify-content:center;padding:1rem;flex-basis:100%}#projects #project-list .card{display:flex;justify-content:center;flex-grow:0;margin:.8rem}#projects #project-list .card .card-data{display:flex;flex-direction:column;background-color:var(--secondary-color);border-radius:.3rem}#projects #project-list .card .image-container{position:relative;overflow:hidden;border-radius:.3rem}#projects #project-list .card .image-container .button-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;border-radius:.2rem;cursor:pointer;transition:opacity .5s;z-index:2}#projects #project-list .card .image-container .button-container a{background-color:#2f314e;color:hsla(0,0%,100%,.2);cursor:pointer;font-size:2.5rem;padding:1rem 1.5rem;transition:color .5s;border-radius:.5rem}#projects #project-list .card .image-container .button-container .right{border-radius:0 .5rem .5rem 0}#projects #project-list .card .image-container .button-container .left{border-radius:.5rem 0 0 .5rem}#projects #project-list .card .image-container .button-container a:hover{color:#fff}#projects #project-list .card .image-container img{width:18rem;height:12rem;object-fit:cover;transition:transform .3s,-webkit-filter .3s;transition:filter .3s,transform .3s;transition:filter .3s,transform .3s,-webkit-filter .3s}#projects #project-list .card .image-container:hover .button-container{opacity:1}#projects #project-list .card .image-container:hover img{-webkit-filter:grayscale(50%) brightness(20%) contrast(90%);filter:grayscale(50%) brightness(20%) contrast(90%);transform:scale(1.1)}#projects #project-list .card .card-body{margin-top:1rem;display:flex;justify-content:space-between;padding:1rem}#projects #project-list .card .card-body .data-container h3{margin-bottom:.5rem;max-width:6rem}#projects #project-list .card .card-body .data-container small{color:hsla(0,0%,100%,.4);font-weight:700}#projects #project-list .card .tag-container{display:flex;align-items:center}#projects #project-list .card .tag-container .tag{font-weight:300;font-size:.9rem;color:hsla(0,0%,100%,.5);background-color:#232441;border-radius:.2rem;padding:.6rem 1.5rem!important}.project-modal{display:flex;flex-direction:column;position:fixed;width:100vw;height:100%;min-height:-webkit-fill-available;background-color:rgba(30,30,56,.9);z-index:3;bottom:0;left:0;-webkit-animation-name:ModalAnimation;animation-name:ModalAnimation;-webkit-animation-duration:.3s;animation-duration:.3s;transition:opacity .3s}.project-modal .title-container{display:flex;justify-content:center;align-items:center;flex-grow:1}.project-modal .title-container h3{font-size:4rem;text-align:center}.project-modal #link-list{position:relative;border-radius:1rem 1rem 0 0;background-color:#2a2d5c;-webkit-animation-name:ModalLinkAnimation;animation-name:ModalLinkAnimation;-webkit-animation-duration:.6s;animation-duration:.6s}.project-modal #link-list li{width:100%;padding:0 1.5rem;font-size:1.5rem}.project-modal #link-list li a{display:flex;padding:1.5rem 0;align-items:center}.project-modal #link-list li:first-child a{border-bottom:2px solid hsla(0,0%,100%,.3)}.project-modal #link-list li a .icon{font-size:4rem;margin-right:1rem}@-webkit-keyframes ModalAnimation{0%{opacity:0}to{opacity:1}}@keyframes ModalAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes ModalLinkAnimation{0%{top:40rem}60%{top:40rem}to{top:0}}@keyframes ModalLinkAnimation{0%{top:40rem}60%{top:40rem}to{top:0}}@media (max-width:1100px){#projects{padding:2rem 2.5rem 2rem 4.5rem}#projects #idea{left:-3rem}#projects #project-list .card{margin:1.5rem}#projects #project-list .card .image-container img{width:22rem;height:13.2rem}#projects #project-list .card .card-body .data-container h3{font-size:1.5rem;max-width:10rem!important}#projects #project-list .card .card-body .data-container small,#projects #project-list .card .tag-container .tag{font-size:1.2rem}}@media (max-width:700px){#projects{padding:1rem 2.1rem}#projects #idea{top:2rem;left:-1rem;width:10rem}#projects #project-list .card .tag-container .tag{padding:1rem 1.5rem!important}#projects #project-list{display:block;padding:1rem}#projects #project-list .card{margin-bottom:3rem;padding:0}#projects #project-list .card .image-container img{width:100%;height:auto}#projects #project-list .card .image-container:hover .button-container{opacity:0}#projects #project-list .card .image-container:hover img{-webkit-filter:none;filter:none;transform:none}}#resume #game{top:-6rem;right:8rem;transform:rotate(45deg);width:18rem}#resume #cat-container{position:relative;padding-right:1.2rem;float:left}#resume #cat-container #X{position:absolute;z-index:-1;top:-8rem;right:-5rem}#resume #cat-container #small-cat{display:none;width:12rem}#resume .main .title{text-align:left;margin-top:3rem}#resume .main .text-container .text{margin-top:1.5rem}@media (max-width:1100px){#resume{padding:2rem 4rem 2rem 5rem}#resume #game{top:-12rem;right:4rem;width:18rem}#resume #cat-container #large-cat{width:20rem!important}#resume #cat-container #X{width:18rem}#resume .main ul li{width:11rem;height:11rem}#resume .main ul li img{width:5rem;height:5rem}}@media (max-width:700px){#resume{padding:1rem 3rem}#resume #game{top:3rem;right:-5rem;transform:rotate(20deg);width:12rem}#resume #cat-container{float:none;position:static;display:flex;justify-content:center;padding:0;margin-bottom:4rem}#resume #cat-container #X{top:auto;right:auto;left:-6rem;bottom:3rem;width:15rem;transform:scaleX(-1)}#resume #cat-container #small-cat{display:block}#resume #cat-container #large-cat{display:none}#resume .main .title{text-align:center;margin-top:1rem}}#contact{margin-bottom:4rem;display:flex;flex-direction:column;justify-content:center}#contact #pi{top:-3rem;left:-8rem;width:21rem}#contact #r{bottom:2rem;right:0;width:19rem}#contact h2{margin-bottom:3rem;text-align:right}#contact .main{display:flex;justify-content:center}#contact .main #notebook{width:50%;margin-right:3rem}#contact .main #contact-container{position:relative;background-color:var(--secondary-color);padding:2.5rem 3rem 3rem 2rem;border-radius:.5rem}#contact .main #contact-container p{margin-bottom:1.5rem;margin-top:0;text-indent:1.5rem}#contact .main #contact-container ul{display:flex;margin-top:1rem;justify-content:space-between;align-items:center}#contact .main #contact-container ul li{padding:1rem;cursor:pointer;padding:.5rem .5rem 0!important;border-radius:.5rem;background-color:hsla(0,0%,100%,.25);border-color:transparent!important;margin-right:1rem;margin-top:1rem;font-size:2rem;transition:border .3s,box-shadow .3s,color .3s,text-shadow .3s,background-color .3s}#contact .main #contact-container ul li a{color:var(--secondary-color);transition:color .3s}#contact .main #contact-container ul li:hover{background-color:#fff}#contact .main #contact-container ul li:hover a{color:#34343b}#contact .main #contact-container ul #xicara{position:relative;right:-1rem;margin-top:-1rem}@media (max-width:700px){#contact{padding:3rem}#contact h2{font-size:2.8rem}#contact #pi{top:4rem;width:18rem}#contact #r{bottom:4rem;width:16rem}#contact .main #notebook{display:none}#contact .main #contact-container{padding:3rem}#contact .main #contact-container ul li{background-color:transparent!important;box-shadow:none!important;padding:0!important;font-size:4rem}#contact .main #contact-container ul li a{color:#fff!important}#contact .main #contact-container ul #xicara{position:absolute;bottom:-5rem;left:-2rem;width:6rem}}#footer{padding:1.8rem;display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:var(--secondary-color)}#footer h2{font-size:1rem;letter-spacing:.5rem;color:#fff}@media (max-width:700px){#footer h2{font-size:1.5rem}}:root{--background-color:#0e0e11;--secondary-color:#1f1f23}*{margin:0;padding:0;box-sizing:border-box;font-family:Arvo;list-style:none;text-decoration:none;border:none}a,h1,h2,h3,p,span{color:#fff;font-family:inherit}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background-color:#0e0e11;background-color:var(--background-color)}#screen{display:flex}#screen #screen-content{flex:1 1}#screen aside{position:fixed;top:0;height:100%;z-index:30;display:flex;align-items:center;justify-content:center}.page{position:relative;width:100vw;min-height:90vh;padding:3rem 15rem 3rem 11rem}.page .bg-image{position:absolute;z-index:-1}.title{text-align:center;font-size:3.8rem;margin-bottom:3.5rem}.text{font-family:Comfortaa,sans-serif;font-weight:300;text-indent:3rem;text-align:justify!important;font-size:.9rem;word-wrap:wrap;line-height:1.6rem;color:#aaa;margin-top:1rem}.text strong{font-family:inherit;font-weight:700;color:#fff}.neon,ul.interest-list .interest{cursor:pointer;border:2px solid!important;padding:3rem;color:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.25);box-shadow:none;transition:border .3s,box-shadow .3s,color .3s,text-shadow .3s,background-color .3s;border-radius:1rem}.neon:hover,ul.interest-list .interest:hover{box-shadow:inset 0 0 1rem hsla(0,0%,100%,.25),0 0 1rem hsla(0,0%,100%,.25)!important;border-color:#fff!important;text-shadow:0 0 .5rem hsla(0,0%,100%,.5);color:#fff}.filter{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:rgba(22,24,48,.6);z-index:10!important;-webkit-animation:FilterAppear .3s linear;animation:FilterAppear .3s linear;transition:opacity .5s}ul.interest-list{display:flex;margin-top:5rem;justify-content:space-evenly}ul.interest-list .interest{padding:2.1rem 2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;background-color:#1f1f23;background-color:var(--secondary-color);font-size:3rem;border:2px solid transparent!important}ul.interest-list .interest span{font-size:.8rem;color:inherit;margin-top:.5rem}@-webkit-keyframes FilterAppear{0%{opacity:0}to{opacity:1}}@keyframes FilterAppear{0%{opacity:0}to{opacity:1}}@media (min-width:1600px){:root{font-size:120%}}@media (min-width:2100px){:root{font-size:150%}}@media (max-width:1100px){:root{font-size:75%}.page{padding:2rem 2.5rem 2rem 4.5rem;margin-bottom:8rem}.text{font-size:1.1rem;line-height:2rem}ul.interest-list .interest{font-size:4.5rem;color:#cdcdcd!important;padding:1.5rem 3rem}ul.interest-list .interest span{font-size:1rem;margin-top:.5rem}}@media (max-width:700px){:root{font-size:70%}.page{padding:1rem 2.1rem}.title{font-size:3rem}.text{font-size:1.2rem;line-height:1.95rem}ul.interest-list{margin-top:1rem;justify-content:space-between}ul.interest-list .interest{padding:1.5rem 2rem;background-color:transparent;font-size:3.5rem}ul.interest-list .interest span{display:none}}#side-navigation{position:relative;left:0;color:#fff;transition:opacity .5s,left .5s}#side-navigation li{margin:0 1rem;transition:color .5s;font-size:.8rem}#side-navigation li:not(:last-of-type):after{content:"";display:block;border:1px solid hsla(0,0%,100%,.15);position:relative;height:2rem;width:0;top:-.2rem;margin:0 0 -.2rem;right:-.3rem}#side-navigation li a{color:#5c5c5c;z-index:2}#side-navigation li a svg{transition:box-shadow .5s,color .5s}#side-navigation li a.active svg,#side-navigation li a:hover svg{color:#fff;box-shadow:0 0 1rem hsla(0,0%,100%,.9),inset 0 0 1rem hsla(0,0%,100%,.4);border-color:#fff;border-radius:50%}@media (max-width:700px){#side-navigation{display:none}}
/*# sourceMappingURL=main.7e0c93dd.chunk.css.map */