html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Neue Montreal;src:url(/assets/NeueMontreal-Light-B8VR3EGD.otf)}@font-face{font-family:Neue Montreal medium;src:url(/assets/NeueMontreal-Medium-BnH0vvJJ.otf)}:root{--page-padding: 20px;--background: #0C0C0C;--gray: #808080;--padding-main: 50px;--scrollbar-opacity: .39;--btn-animation-block: 0px;--btn-background-color: rgb(255, 255, 255) }body{height:100vh;background:var(--background);overflow:hidden}main{width:100%;height:100%}body,main{display:flex;justify-content:center;align-items:center}@media(max-width:700px){body,main{align-items:flex-start!important}}.welcome{width:100%;height:100%;position:absolute;justify-content:center}.welcome,.welcome-text{align-items:center;display:flex;color:#fff;font-family:Neue Montreal}.welcome-text{width:350px;font-size:40px;justify-content:space-around}.welcome-text .name{font-weight:600}.main-container{border:1px solid var(--gray);opacity:0;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.main-container .content{width:calc(100% - var(--padding-main) * 2);height:calc(100% - var(--padding-main) * 2)}@media(max-width:700px){.main-container{margin-top:20px}}.menu{color:#fff;font-family:Neue Montreal,sans-serif;width:fit-content;position:relative;-webkit-user-select:none;user-select:none}.menu h1{font-size:64px;margin-bottom:10px}.menu h2{font-size:16px}.presentation{margin-bottom:60px}.menu nav,.menu nav ul{display:flex;flex-direction:column;justify-content:space-between;height:95px}.navigation-item{width:fit-content;height:fit-content;z-index:5}.navigation-item a{font-family:neue montreal medium,sans-serif;cursor:pointer;transition:color .3s ease-in-out;display:flex}.navigation-item a p{margin-right:5px}.navigation-item a:hover{color:var(--gray)}.marker{display:flex;justify-content:center;align-items:center}.marker *{justify-content:center;align-items:center;height:5px;width:9px}.visible-marker{display:flex}.hidden-marker{display:none}@media(min-width:801px)and (max-width:1100px){.projects-container,.project-display{zoom:85%}}@media(max-width:800px){.projects-container{zoom:70%;top:230px!important;right:0!important;z-index:3}.projects-list{width:745px}.project-display{zoom:62%;transform:translateY(290px)!important;z-index:4}.description-content span{font-size:23px;line-height:25px}.technologies{zoom:150%}}@media(max-width:600px){.navigation-item a:hover{color:#fff}}@media(max-width:460px){.main-container .content{position:relative;display:flex;flex-wrap:wrap;justify-content:center}.menu{width:100%}.menu nav ul{flex-direction:row;justify-content:space-between;width:100%}.presentation{margin-bottom:30px}.presentation h1{font-size:40px}.projects-container{position:relative!important;zoom:50%;top:0!important;z-index:3;display:flex;justify-content:flex-start;flex-direction:column;flex-wrap:wrap}.projects-list{width:100%!important;flex-direction:column;padding:30px 0 0}.project-display{display:flex!important;justify-content:flex-start!important;width:100%!important;zoom:44%;transform:translateY(515px)!important;z-index:4;position:absolute!important;right:0!important;height:fit-content}.description-content span{font-size:30px;line-height:30px}}@media(max-width:340px){.navigation-item a p{font-size:12px}}@media(max-width:325px){.presentation h1{font-size:31px}}.projects-list *>*{-webkit-user-select:none;user-select:none}.projects-container{position:absolute;height:100%;width:800px;right:50px;top:40px;overflow-y:scroll;overflow-x:hidden}.projects-container::-webkit-scrollbar{width:1.5px;border-radius:100px}.projects-container::-webkit-scrollbar-track{background:transparent}.projects-container::-webkit-scrollbar-thumb{background:#fff;opacity:var(--scrollbar-opacity);border-radius:100px}.project-item{color:#fff;font-family:Neue Montreal;text-transform:uppercase;font-size:65px;padding:10px 1px 0 0;margin-bottom:10px;line-height:65px;text-align:left;width:400px;opacity:0;animation-delay:2.75s}.project-item.hoverable:hover{color:#000;cursor:pointer;text-shadow:0px 0px 0 rgb(255 255 255),2px -1px 0 rgb(255 255 255),4px -2px 2px rgb(212,212,212),7px -3px 2px rgb(197,197,197);transition:color .3s ease;transform:perspective(109px) translate3d(-13px,1px,16px)!important}.projects-list{height:fit-content;width:800px;text-align:right;display:flex;justify-content:flex-end;flex-wrap:wrap;transform-origin:center center;transform:rotateX(-12deg) rotateY(-33deg)}@media(max-width:460px){.projects-list *>*{width:400px;display:block}.project-item.project-item.hoverable:hover{transform:perspective(109px) translate3d(24px,1px,16px)!important}}.project-display{width:400px;right:50px;position:absolute;top:135px;display:none;justify-content:center;flex-wrap:wrap;transform:translateY(55px)}.technologies{width:400px;height:fit-content;max-width:400px;display:flex;flex-wrap:wrap}.technologies li{margin-right:5px;margin-bottom:3px;color:#fff;font-family:Neue Montreal}.project-description{width:400px;margin-top:15px;color:#fff}.description-content{letter-spacing:1px;font-family:Neue Montreal;font-size:17px;line-height:22px;text-align:left}.description-content span{display:block}.spacer{opacity:0;width:100%;height:1px;background:#fff;border-radius:19px;margin-top:25px}.buttons{width:100%;height:45px;margin-top:25px;display:flex;justify-content:space-between}.buttons a{opacity:0;width:47%;border:1px solid white;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff;position:relative;overflow:hidden}.access,.code{width:31px;height:31px;z-index:1;position:relative}.access:before{-webkit-mask-image:url(/images/icons/play.svg);mask-image:url(/images/icons/play.svg);content:"";position:absolute;width:inherit;-webkit-mask-size:31px;mask-size:31px;height:inherit;background:var(--btn-background-color)}.code:before{-webkit-mask-image:url(/images/icons/github-mark-white.svg);mask-image:url(/images/icons/github-mark-white.svg);content:"";position:absolute;width:inherit;-webkit-mask-size:31px;mask-size:31px;height:inherit;background:var(--btn-background-color)}.button-animation-block{overflow:hidden;-webkit-mask-size:31px;mask-size:31px;position:absolute;width:31px;height:31px}.access .button-animation-block{-webkit-mask-image:url(/images/icons/play.svg);mask-image:url(/images/icons/play.svg)}.code .button-animation-block{-webkit-mask-image:url(/images/icons/github-mark-white.svg);mask-image:url(/images/icons/github-mark-white.svg)}.button-animation-block:before{content:"";height:50px;width:50px;position:absolute;background:#000;transform:rotate(-45deg);left:var(--btn-animation-block);top:8px}.button-background{position:absolute;width:100%;height:400px;bottom:revert-layer;background:#fff}.back-container{width:100%;text-align:center;margin-top:25px}.back-button{opacity:0;letter-spacing:3px;font-size:20px;font-family:Neue Montreal;text-transform:capitalize;cursor:pointer;color:#fff;border-bottom:1px solid white}@media(max-width:600px){.back-button{font-size:40px}}@media(max-width:460px){.project-item{width:100%}.project-display *{max-width:100%}.project-description{width:100%}}.about{display:none;position:absolute;right:90px;top:50%;color:#fff;font-family:Neue Montreal;font-size:25px;background:#0000004d;border:1px solid rgba(121,121,121,.5);border-radius:5px;padding:25px 35px}.about h2{opacity:0;margin-bottom:20px;font-size:35px;border-bottom:1px solid rgba(121,121,121,.5);padding-bottom:20px}.about-content{width:100%;display:flex;flex-direction:column;justify-content:space-around}.about-content p{display:flex;opacity:0;margin-bottom:5px;font-size:23px;letter-spacing:2px}.about-git{display:flex;text-decoration:none;color:#fff}.about-git span{padding-bottom:3px;border-bottom:.5px dashed rgb(185,185,185)}.about-content p i{width:36px}.fa.fa-graduation-cap{font-size:20px;text-decoration:none!important}@media(max-width:900px){.about{top:unset;right:unset;position:relative;margin:70px auto;font-size:20px}.fa.fa-graduation-cap{font-size:17px}}@media(max-width:650px){.about{zoom:75%}}@media(max-width:550px){.about{zoom:65%}}@media(max-width:480px){.about{zoom:55%}}@media(max-width:460px){.about{position:absolute;top:300px}}@media(max-width:430px){.about{zoom:47%}}.contact{max-width:700px;min-width:400px;height:200px;margin:-100px auto;display:none}.contact-content{display:flex;width:100%;height:100%}.contact-title{display:none;color:#999;font-family:Neue Montreal Medium;font-size:13px;text-transform:uppercase}.contact-right,.contact-left{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.contact-divisor{display:none;height:100%;width:1px;background:#79797980;margin:0 40px!important}.contact-card{height:80px;width:100%;border:1px solid rgba(121,121,121,.5);border-radius:3px;display:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;font-family:Neue Montreal;cursor:pointer;text-decoration:none;position:relative;background:#0000004d;min-width:175px}.contact-card--image{width:80px;height:80px;display:flex;justify-content:center;align-items:center}.contact-card--image i{font-size:35px;color:#fff}.contact-card--info p{color:#fff;margin-bottom:5px;font-size:20px}.contact-card--info small{color:#999;font-size:15px}.contact-clipboard,.contact-openLink{color:#fff;position:absolute;right:15px}@media(max-width:1100px){.contact{zoom:70%}}@media(max-width:800px){.contact{zoom:60%;margin:-180px auto}.contact-card{min-width:293px}}@media(max-width:700px){.contact{zoom:60%;margin:40px auto}}@media(max-width:540px){.contact{zoom:50%;margin:40px auto}}@media(max-width:480px){.contact{position:absolute;top:600px;width:100%}}@media(max-width:480px){.contact{min-width:unset;zoom:50%;margin:40px auto;height:221px}.contact-divisor{display:none!important}.contact-content{display:block!important}.contact-left,.contact-right{width:100%!important;padding:0!important}.contact-left{margin-bottom:20px}.contact-title,.contact-card{margin-bottom:10px}}@media(max-width:460px){.contact{top:300px}}@media(max-width:280px){.contact{zoom:40%;margin:40px auto;height:221px}}.background{width:2500px;height:2500px;filter:grayscale(1);opacity:.55;position:absolute;left:-1000px;top:-100px;transform:scaleX(-1) scale(1.5);-webkit-mask-image:url(/images/background/blur.webp);mask-image:url(/images/background/blur.webp);-webkit-mask-size:115%;mask-size:115%;-webkit-mask-position:center;mask-position:center;z-index:-1}.particles.z:before,.particles.a:before,.particles.b:before,.particles.c:before,.particles.d:before,.particles.e:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;-webkit-mask-size:100%;mask-size:100%;mask-repeat:no-repeat;-webkit-mask-repeat:none;-webkit-user-select:none;user-select:none;pointer-events:none;background-size:250000px}.particles.z:before,.particles.a:before,.particles.b:before,.particles.d:before,.particles.e:before{background:url(/images/background/grain.webp);-webkit-mask-image:url(/images/background/blur.webp);mask-image:url(/images/background/blur.webp)}.particles.c:before{background:url(/images/background/shadow.avif);-webkit-mask-image:url(/images/background/blur.webp);mask-image:url(/images/background/blur.webp)}.particles.z:before{filter:brightness(.48);mix-blend-mode:luminosity;animation:moveParticles 75s linear infinite}.particles.a:before{filter:brightness(.31);mix-blend-mode:soft-light;animation:moveParticles 70s linear infinite}.particles.b:before{filter:brightness(.55);mix-blend-mode:color;animation:moveParticles 65s linear infinite}.particles.c:before{filter:brightness(.35);mix-blend-mode:exclusion;animation:moveParticles 60s linear infinite}.particles.d:before{filter:brightness(.33);mix-blend-mode:saturation;animation:moveParticles 55s linear infinite}.particles.e:before{filter:brightness(.42);mix-blend-mode:difference;animation:moveParticles 50s linear infinite}@keyframes moveParticles{0%{transform:rotate(0) translate(0)}50%{transform:rotate(180deg) translate(-150px,-180px)}to{transform:rotate(360deg) translate(0)}}@media(max-width:700px){.background{zoom:50%}}