.presentation-layer[data-v-e4f90dda]{position:absolute;cursor:default;top:0;bottom:0;right:0;left:0;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;transition-duration:.1s;font-family:Cunia,serif;color:#fff;font-size:2rem;line-height:35px;width:20%}.bounce-enter-active[data-v-3e2f5a0b]{animation:bounce-in-3e2f5a0b .5s}.bounce-leave-active[data-v-3e2f5a0b]{animation:bounce-in-3e2f5a0b .5s reverse}@keyframes bounce-in-3e2f5a0b{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.containerPresentation[data-v-3e2f5a0b]{height:inherit;position:relative}.perspectivePresentation[data-v-3e2f5a0b]{position:absolute;display:none;top:-30%;left:20%;font-size:25px;line-height:26px;transform:rotateX(325deg) rotateY(10deg) rotate(14deg)}.gear-image[data-v-3e2f5a0b]{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;margin:auto;transition-timing-function:ease-out}.staticGearClass[data-v-3e2f5a0b]{transition-duration:1s!important;animation:resetRotate-3e2f5a0b .6s ease-out!important}.staticGearClass2[data-v-3e2f5a0b]{transition-duration:3s!important;animation:resetRotate-3e2f5a0b .6s ease-out!important}@keyframes resetRotate-3e2f5a0b{0%{transform:rotate(-120deg)}to{transform:rotate(0)}}.wave[data-v-3e2f5a0b]{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;margin:auto}#hexagon[data-v-3e2f5a0b]{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:20%;display:flex;text-align:center;flex-direction:column;justify-content:center;transition-duration:.1s;transition-timing-function:ease-out;cursor:default}#hexagon p[data-v-3e2f5a0b]{font-size:20px}.layerWiggle[data-v-3e2f5a0b]{animation:waveEffect-3e2f5a0b ease-in-out}@keyframes waveEffect-3e2f5a0b{0%{filter:saturate(1);transform:scale(1)}to{filter:saturate(1.2);transform:scale(1.2)}}.waves[data-v-3e2f5a0b]{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;filter:drop-shadow(-11px -9px 7px rgba(0,0,0,.5));transition-duration:.1s;animation:clock-3e2f5a0b 60s infinite alternate-reverse ease-in-out}@keyframes clock-3e2f5a0b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#waves0[data-v-3e2f5a0b]{height:auto;width:30%;transition-timing-function:ease-out;animation:none}#waves1[data-v-3e2f5a0b]{height:auto;width:35%;transition-timing-function:ease-out}#waves2[data-v-3e2f5a0b]{height:auto;width:45%;transition-timing-function:ease-out}#waves3[data-v-3e2f5a0b]{height:auto;width:60%;transition-timing-function:ease-out}#waves4[data-v-3e2f5a0b]{height:auto;width:75%;transition-timing-function:ease-out}#waves5[data-v-3e2f5a0b]{height:auto;width:95%;transition-timing-function:ease-out}#waves6[data-v-3e2f5a0b]{height:auto;width:100%;transition-timing-function:ease-out}#containerWaves[data-v-3e2f5a0b]{height:100%;width:100%;position:absolute;top:0;left:0}@media screen and (min-width: 1024px){#background[data-v-3e2f5a0b]{perspective:1000px}#containerWaves[data-v-3e2f5a0b]{transform:translateZ(-300px)}}@media screen and (max-width: 450px){#containerWaves[data-v-3e2f5a0b]{height:100%;width:70%!important;position:absolute;top:5%;left:0%!important;transform:scaleX(2) scaleY(2) scaleZ(1) rotateX(49deg) rotateY(357deg) rotate(217deg) translate(0) translateY(0) translateZ(0) skew(0) skewY(0)}.waves[data-v-3e2f5a0b]{animation:clock-3e2f5a0b 20s infinite alternate-reverse ease-in-out}}@media screen and (max-height: 700px){#containerWaves[data-v-3e2f5a0b]{width:60%!important;position:absolute;top:5%}}@media screen and (max-height: 500px){.perspectivePresentation[data-v-3e2f5a0b]{top:-30%;left:20%;font-size:20px;line-height:20px}#containerWaves[data-v-3e2f5a0b]{width:60%!important;top:5%;left:40%!important}}#presentation p[data-v-3e2f5a0b]{transition:all .4s ease-out}.fade-hey-enter-active[data-v-3e2f5a0b],.fade-hey-leave-active[data-v-3e2f5a0b]{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;transition:all 1s cubic-bezier(.27,-.02,0,1.03)}.fade-hey-enter-from[data-v-3e2f5a0b]{transform:scaleZ(1) rotateX(90deg) rotateY(0) rotate(0) translate3d(0,100%,0) skew(0)}.fade-hey-leave-to[data-v-3e2f5a0b]{transform:scaleZ(1) rotateX(-90deg) rotateY(0) rotate(0) translate3d(0,100%,0) skew(0)}.fade-hey-enter-to[data-v-3e2f5a0b],.fade-hey-leave-from[data-v-3e2f5a0b]{transform:translateZ(0) rotateY(0)}.gear-slide-1-enter-active[data-v-3e2f5a0b],.gear-slide-1-leave-active[data-v-3e2f5a0b]{transition:all .6s cubic-bezier(.27,-.02,0,1.03)}.gear-slide-1-enter-from[data-v-3e2f5a0b]{transform:translate(200%) scale(.8) rotate(45deg)}.gear-slide-1-leave-to[data-v-3e2f5a0b]{transform:translate(200%) scale(.8) rotate(90deg)}.gear-slide-2-enter-active[data-v-3e2f5a0b],.gear-slide-2-leave-active[data-v-3e2f5a0b]{transition:all .8s cubic-bezier(.27,-.02,0,1.03)}.gear-slide-2-enter-from[data-v-3e2f5a0b],.gear-slide-2-leave-to[data-v-3e2f5a0b]{transform:translate(200%) scale(.8) rotate(90deg)}.gear-slide-3-enter-active[data-v-3e2f5a0b],.gear-slide-3-leave-active[data-v-3e2f5a0b]{transition:all 1s cubic-bezier(.27,-.02,0,1.03)}.gear-slide-3-enter-from[data-v-3e2f5a0b],.gear-slide-3-leave-to[data-v-3e2f5a0b]{transform:translate(200%) scale(.8) rotate(120deg)}.gear-slide-4-enter-active[data-v-3e2f5a0b],.gear-slide-4-leave-active[data-v-3e2f5a0b]{transition:all 1.2s cubic-bezier(.27,-.02,0,1.03)}.gear-slide-4-enter-from[data-v-3e2f5a0b]{transform:translate(200%) scale(.8) rotate(160deg)}.gear-slide-4-leave-to[data-v-3e2f5a0b]{transform:scaleZ(1) rotateX(-90deg) rotateY(0) rotate(0) translate3d(0,100%,0) skew(0)}.gear-slide-5-enter-active[data-v-3e2f5a0b],.gear-slide-5-leave-active[data-v-3e2f5a0b]{transition:all 1.4s cubic-bezier(.27,-.02,0,1.03)}.gear-slide-5-enter-from[data-v-3e2f5a0b]{transform:translate(200%) scale(.8) rotate(200deg)}.gear-slide-5-leave-to[data-v-3e2f5a0b]{transform:scaleZ(1) rotateX(-90deg) rotateY(0) rotate(0) translate3d(0,100%,0) skew(0)}.gear-slide-6-enter-active[data-v-3e2f5a0b],.gear-slide-6-leave-active[data-v-3e2f5a0b]{transition:all 1.6s cubic-bezier(.27,-.02,0,1.03)}.gear-slide-6-enter-from[data-v-3e2f5a0b]{transform:translate(200%) scale(.8) rotate(300deg)}.gear-slide-6-leave-to[data-v-3e2f5a0b]{transform:scaleZ(1) rotateX(-90deg) rotateY(0) rotate(0) translate3d(0,100%,0) skew(0)}.presentation-slide-enter-active[data-v-3e2f5a0b],.presentation-slide-leave-active[data-v-3e2f5a0b]{transition:all 2.1s cubic-bezier(.27,-.02,0,1.03)}.presentation-slide-enter-from[data-v-3e2f5a0b]{transform:translate(-150%) translateY(100%) rotate(50deg)}.presentation-slide-leave-to[data-v-3e2f5a0b]{transform:scaleZ(1) rotateX(-90deg) rotateY(0) rotate(0) translate3d(0,100%,0)}.project-transition-enter-active[data-v-97fa2b58],.project-transition-leave-active[data-v-97fa2b58]{transition:all .4s ease-in-out}.project-transition-enter-from[data-v-97fa2b58],.project-transition-leave-to[data-v-97fa2b58]{opacity:0}.project-transition-enter-from .inner-title[data-v-97fa2b58],.project-transition-leave-to .inner-title[data-v-97fa2b58]{transform:translate(30px);opacity:0}.project-transition-enter-from .inner-tasks[data-v-97fa2b58],.project-transition-leave-to .inner-tasks[data-v-97fa2b58]{transform:translate(60px);opacity:0}.project-transition-enter-from .inner-description[data-v-97fa2b58],.project-transition-leave-to .inner-description[data-v-97fa2b58]{transform:translate(60px);transition-delay:2s;opacity:0}.project-transition-enter-from .inner-image[data-v-97fa2b58],.project-transition-leave-to .inner-image[data-v-97fa2b58]{transform:translateY(30px);transition-delay:4s;opacity:0}.thumbData[data-v-a1b7912c]{pointer-events:none}.fade-enter-active[data-v-a1b7912c],.fade-leave-active[data-v-a1b7912c]{transition:opacity .2s ease}.fade-enter-from[data-v-a1b7912c],.fade-leave-to[data-v-a1b7912c]{opacity:0}.card[data-v-a1b7912c]{background-color:#00f;max-width:500px;margin:auto auto 30px;height:auto;padding:40px;color:#fff;transition:transform .1s ease;transform-style:preserve-3d;will-change:transform;width:300px;z-index:10;cursor:pointer}.card[data-v-a1b7912c]:before{content:"";background:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;left:0;right:0;top:0;bottom:0}.card:hover .content[data-v-a1b7912c]{transform:translateZ(20px)}.content[data-v-a1b7912c]{position:relative;z-index:1;transition:transform .3s ease}.fade-enter-active[data-v-3ade0321],.fade-leave-active[data-v-3ade0321]{transition:opacity .2s ease}.fade-enter-from[data-v-3ade0321],.fade-leave-to[data-v-3ade0321]{opacity:0;transition:all .2s ease-out}.fade-enter-active .inner[data-v-3ade0321],.fade-leave-active .inner[data-v-3ade0321]{transition:all .3s ease-in-out}.fade-enter-from .inner[data-v-3ade0321],.fade-leave-to .inner[data-v-3ade0321]{transform:translate(30px);opacity:0;transition:all .3s ease-in-out}#aboutPage[data-v-3ade0321]{height:100vh}.active[data-v-686b048f]{fill:#fff}@font-face{font-family:Cunia;src:local("cunia"),url(/assets/cunia.5ca9bedb.ttf) format("truetype")}@font-face{font-family:Heebo;src:local("heebo"),url(/assets/Heebo-Regular.46943890.ttf) format("truetype")}#perspectiveWrap{width:100%;perspective:1000px;perspective-origin:top}.cube-slide-enter-active,.cube-slide-leave-active{position:absolute;transition:all 1s cubic-bezier(.27,-.02,0,1.03)}.cube-slide-enter-from{transform:scaleZ(1) rotateX(90deg) rotateY(0) rotate(0) translate3d(0,100%,0) skew(0)}.cube-slide-leave-to{transform:scaleZ(1) rotateX(-90deg) rotateY(0) rotate(0) translate3d(0,100%,0) skew(0)}.cube-slide-enter-to,.cube-slide-leave-from{transform:translateZ(0) rotateY(0)}.cube-to-bottom-enter-active,.cube-to-bottom-leave-active{position:absolute;perspective-origin:top;transition:all 1s cubic-bezier(.27,-.02,0,1.03)}.cube-to-bottom-enter-from{transform:scaleZ(1) rotateX(90deg) rotateY(0) rotate(0) translate3d(0,100%,0) skew(0)}.cube-to-bottom-enter-to,.cube-to-bottom-leave-from{transform:scaleZ(1) rotateX(0) rotateY(0) rotate(0) translateZ(0) skew(0)}.cube-to-bottom-leave-to{transform:scaleZ(1) rotateX(0) rotateY(0) rotate(0) translate3d(0,-100%,0) skew(0)}.right-slide-enter-active,.right-slide-leave-active{position:absolute;transition:all 1s cubic-bezier(.27,-.02,0,1.03)}.right-slide-enter-from{left:-100%}.right-slide-enter-to{left:0%}.right-slide-leave-from{right:0%}.right-slide-leave-to{right:-100%}.left-slide-enter-active,.left-slide-leave-active{position:absolute;transition:all 1s cubic-bezier(.27,-.02,0,1.03)}.left-slide-enter-from{right:-100%}.left-slide-enter-to{right:0%}.left-slide-leave-from{left:0%}.left-slide-leave-to{left:-100%}.top-slide-enter-active,.top-slide-leave-active{position:absolute;transition:all 1s cubic-bezier(.27,-.02,0,1.03)}.top-slide-enter-from{bottom:-100%}.top-slide-enter-to{bottom:0%}.top-slide-leave-from{top:0%}.top-slide-leave-to{top:-100%}.bottom-slide-enter-active,.bottom-slide-leave-active{position:absolute;transition:all 1s cubic-bezier(.27,-.02,0,1.03)}.bottom-slide-enter-from{top:-100%}.bottom-slide-enter-to{top:0%}.bottom-slide-leave-from{bottom:0%}.bottom-slide-leave-to{bottom:-100%}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#sideNav{height:100%;background-color:#277aa7;color:#fff;width:60px;position:fixed;display:flex;align-items:center;justify-content:center;z-index:20}#logo{position:absolute;width:48px;justify-content:center;height:auto;display:flex;align-items:center;left:0;right:0;top:30px;margin:auto}#logo img{width:100%;height:auto}#navMainButton{display:flex;flex-direction:column;justify-content:space-between;height:40%}.navButton{display:flex;align-content:center;align-items:center}.navButton svg{transition:all .2s ease-in-out}.navButton svg:hover{transition:all .2s ease-in-out;fill:#fff}.navButton svg:hover+#projectDetails{transition:all .2s ease-in-out;opacity:.3}.menuTooltip{font-family:Cunia,serif;position:absolute;left:25px;z-index:100;cursor:default;color:#fff;text-align:left;display:flex;align-items:center;pointer-events:none}.thickRow{background-color:#fff;height:2px;width:25px;border-radius:30%;margin-right:10px;margin-left:10px}.v-enter-active,.v-leave-active{transition:all .5s ease}.v-enter-from,.v-leave-to{transform:translate(15px);opacity:0}#wrapPage{width:90%;left:0;right:0;margin:auto}#presentation{font-family:Cunia,serif;margin-left:100px;height:100%;display:flex;justify-content:center;flex-direction:column;color:#fff;font-size:2rem;line-height:35px}#elementsContainer{display:flex;justify-content:center;margin:10%;width:50%;position:relative}#elementTitle{line-height:25px;font-size:28px;font-family:Cunia,serif;margin-bottom:30px;transition-duration:.2s}#elementText{font-family:Heebo,serif;font-weight:500;font-size:15px;line-height:17px;transition-duration:.4s}#devElement{cursor:pointer;transform:translateY(25%);filter:brightness(.8);transition:filter .3s ease-in-out}#svgDev{position:absolute;width:190%;top:-25%;transform:rotate(228deg)}#devOutter{position:absolute;transform:translateY(25%) scale(1.06);transition:all .3s ease-out;filter:blur(1px)}.elementBubble{position:absolute;top:50%;left:40%;cursor:pointer;transform-origin:top;filter:brightness(.7);width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;align-content:center;perspective:100px;transition:all .3s ease-out}.elementBubble img{width:90%;height:auto}#element1{left:-10%;top:30%;animation:float 4s alternate-reverse infinite ease-in-out}#element2{left:10%;top:-5%;animation:float2 4s alternate-reverse infinite ease-in-out}#element3{left:0;right:0;top:-20%;margin:auto;animation:float3 4.5s alternate-reverse infinite ease-in-out}#element4{right:10%;left:unset;top:-10%;animation:float 4.2s alternate-reverse infinite ease-in-out}#element5{left:85%;top:30%;animation:float 4.2s alternate-reverse infinite ease-in-out}.excitedElement{animation:wiggle 1s alternate infinite ease-in-out!important;filter:brightness(1);transition:filter .2s ease-in-out}.currentElement{filter:brightness(1)!important;transition:filter .3s ease-in-out,background-color .3s ease-out;background-color:#fff}@keyframes wiggle{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}@keyframes rotate{0%{transform:scaleZ(1) rotateX(0) rotateY(0) rotate(0) translateZ(0) skew(0);pointer-events:none}to{transform:scaleZ(1) rotateX(180deg) rotateY(180deg) rotate(180deg) translate3d(0,-0px,0) skew(0);pointer-events:auto}}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-10px)}to{transform:translatey(0)}}@keyframes float2{0%{transform:translatey(-5px)}50%{transform:translatey(0)}to{transform:translatey(5px)}}@keyframes float3{0%{transform:translatey(10px)}50%{transform:translatey(0)}to{transform:translatey(-5px)}}@keyframes float4{0%{transform:translatey(5px)}50%{transform:translatey(0)}to{transform:translatey(-5px)}}#contactContainer{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#contact{text-align:center;color:#fff;font-size:25px;font-family:Cunia,serif;width:80%;max-width:580px;border-radius:10px}#mail{font-size:28px;font-family:Cunia,serif;margin-bottom:30px;color:#fff}#contactHeader{display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px}input[type=text]{height:45px;border-radius:5px;border:1px solid #ced6e0;padding:5px}textarea{border-radius:5px;border:1px solid #ced6e0;padding:5px}#names{display:flex;flex-direction:row;justify-content:flex-start}#names div{display:flex;flex-direction:column;width:50%}#firstNameBlock{padding-left:10px}label{font-family:Heebo,sans-serif;text-align:left;color:#fff;font-size:15px;margin-top:10px}#contactIcon{fill:#ff7b4a;transition:all .3s ease-in-out;height:20px;width:20px;margin-right:8px}#contactIcon:hover{fill:#fff}#contactForm{display:flex;flex-direction:column;padding:0% 5% 3% 3%;border-radius:10px;justify-content:space-between}#formSubmit{margin-top:10px;display:flex;justify-content:space-between;align-content:center;align-items:center}textarea{resize:vertical}#socialLinks{margin-bottom:10px}#contactFooter{position:absolute;bottom:0;background-color:#005165;width:60%;border-radius:10px 10px 0 0;color:#fff;font-family:Heebo,serif;padding:5px;display:flex;align-items:center;justify-content:space-evenly;font-size:14px}#contactFooter a{color:#fff;margin:5px 0;box-shadow:0 2px #fff;border-radius:2px}#contactFooter a:hover{border-radius:6px}#contactFooter img{width:25px}#socialLinks{width:120px;display:flex;justify-content:space-between;margin-top:30px;color:#fff}#socialLinks a{color:#fff;font-family:Heebo Medium}#socialLinks svg{fill:#ff7b4a;transition:all .3s ease-in-out;height:45px;width:45px}#socialLinks p{pointer-events:none}#socialLinks svg:hover{fill:#fff}#linkedin{transform:rotate(90deg);opacity:0;transform-origin:-45px;position:absolute;top:20px;left:74px;width:max-content;transition:all .3s cubic-bezier(.5,0,.53,1.54)}#linkLinkedin:hover #linkedin{transform:rotate(0);opacity:1}#github{transform:rotate(-90deg);opacity:0;transform-origin:175px;position:absolute;top:20px;left:-144px;width:max-content;transition:all .3s cubic-bezier(.5,0,.53,1.54)}#linkGithub:hover #github{transform:rotate(0);opacity:1}#submit{padding:15px 20px;width:max-content;background-color:#ff7b4a;color:#fff;font-family:CUNIA,serif;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease-out}#submit:hover{background-color:#286e9c}#app{height:100vh;margin:0;padding:0;display:flex;font-family:heebo;font-weight:400;overflow:hidden;caret-color:transparent}#componentWrap{height:100%;width:100%;overflow:hidden}#home{height:100vh;overflow:hidden;background-color:#286e9c}#aboutPage{height:100vh!important;overflow:hidden}#contactPage{height:100%;margin-bottom:40px;overflow:hidden}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .8s ease-out}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(20px);opacity:0}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}a,.green{text-decoration:none;transition:.4s}#background{height:100%;width:100%;z-index:0;padding-left:55px}#backgroundImage{position:absolute;height:110%;width:110%}header{z-index:20}#contactButton{font-family:Heebo Medium;font-size:15px;letter-spacing:1.3px;background-color:#ff7b4a;padding:2px 35px;border-radius:20px;width:fit-content;position:absolute;bottom:35%;color:#fff}#contactButton:hover{color:#000}#pageName{color:#ff7b4a;font-family:Cunia,serif;font-size:40px;padding:25px 0 0 25px}#about{color:#ff7b4a;font-family:Cunia,serif;font-size:40px;padding:25px 0 0 25px;position:absolute;top:0;left:0}#aboutContainer{height:100%;display:flex;justify-content:center;align-items:center;padding:0 8%}#aboutMask{background:rgb(0,0,0);background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(255,255,255,0) 68%);position:absolute;width:100%;height:100%;z-index:5}#elementDescription{width:50%;white-space:pre-line;color:#fff;font-family:Heebo Medium,serif;font-size:15px;line-height:15px;padding-right:10%}#elementDescription div{width:100%}#projectsGrid{display:flex;justify-content:space-around;align-content:flex-start;flex-wrap:wrap;width:80%;height:100vh;left:0;right:0;margin:auto;padding-top:5%;padding-right:15px;overflow-y:auto}::-webkit-scrollbar{position:absolute;width:10px;transform:translate(60px)}::-webkit-scrollbar-track{background:rgba(241,241,241,.42);border-radius:25px}::-webkit-scrollbar-thumb{background:#ffffff;border-radius:25px}::-webkit-scrollbar-thumb:hover{background:#555}.project{height:300px;width:300px;margin-bottom:30px;position:relative;z-index:10;cursor:pointer;animation:flip 1.1s cubic-bezier(.5,0,.67,1.53);animation-delay:calc(.2s * var(--i));perspective:1000px;transition:transform ease;transform-style:preserve-3d;will-change:transform;opacity:0;animation-fill-mode:forwards}.project:hover{animation-fill-mode:unset;opacity:1}.projectEnter{animation:flip 4s ease-out;animation-delay:calc(.2s * var(--i))}@keyframes flip{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(0)}}.thumbData{text-align:center;color:#fff;font-size:20px;position:absolute;top:0;bottom:0;margin:auto;left:0;right:0;z-index:1;transition:transform .3s ease;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#thumbtitle{transform:translateY(-45px) translateZ(35px)}.thumbBackground{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;z-index:15}.background-appear-enter-active{transition:all .3s ease-in-out;opacity:1}.background-appear-leave-active{transition:all .3s .3s ease-in-out;opacity:0}.background-appear-enter-from,.background-appear-leave-to{opacity:0}.thumbData p{font-family:Cunia,serf;font-size:25px}.projectTasks{display:flex;justify-content:center;flex-wrap:wrap;transform:translateZ(20px) translateY(30px)}.task{margin:5px;padding:3px 4px;font-size:15px;border:solid 1px white;border-radius:10px}.thumbData{z-index:20;transform-style:preserve-3d;will-change:transform;animation-fill-mode:forwards}.projectThumbImage{height:100%;width:100%;border-radius:10px}.text-appear-enter-active{animation:text-appear .2s 0s cubic-bezier(.5,0,.19,.86)}.text-appear-leave-active{animation:text-appear .2s 0s cubic-bezier(.5,0,.19,.86) reverse}.tag-appear-enter-active{animation:tag-appear .4s cubic-bezier(.5,0,.19,.86)}.tag-appear-leave-active{animation:tag-appear .4s cubic-bezier(.5,0,.19,.86) reverse}.text-appear-enter-from,.text-appear-leave-to{opacity:0}@keyframes text-appear{0%{opacity:0;transform:translateY(25px)}50%{opacity:1;transform:translateY(0)}to{transform:translateZ(35px)}}@keyframes tag-appear{0%{opacity:0;transform:translateY(50px)}50%{opacity:1;transform:translateY(0)}to{transform:translateZ(20px)}}@media screen and (max-width: 1024px){#devElement,#devOutter{width:200px}.elementBubble{width:60px;height:60px}#element2{top:5%}}@media screen and (min-width: 900px){.project{height:330px!important;width:430px!important}}@media screen and (max-width: 768px){#mail{font-size:20px}input[type=text]{height:30px}#logo{display:none}#sideNav{position:fixed;height:35px;bottom:0;width:100%}.navButton svg{height:20px;width:20px}.menuTooltip{display:none}#navMainButton{display:flex;flex-direction:row;justify-content:space-between;width:70%}#contactFooter{font-size:12px;position:inherit}#submit{margin:10px auto 0}#containerWaves{height:100%;width:50%!important;position:absolute;top:0;left:40%!important;transform:scaleX(2) scaleY(2) scaleZ(1) rotateX(49deg) rotateY(357deg) rotate(217deg) translate(0) translateY(0) translateZ(0) skew(0) skewY(0)}.waves{animation-duration:20s!important}.presentation-layer{display:none!important}.perspectivePresentation{display:block!important;font-weight:700;font-family:Cunia,serif;color:#fff;font-size:2rem;line-height:35px}#projectWrap{width:100%!important;flex-direction:column!important;height:100%!important;left:0!important;right:0!important;margin:auto!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;align-content:center!important;color:#fff!important;padding-top:20px!important}#projectDetails{height:100vh!important;left:unset!important;overflow:hidden;overflow-y:scroll}#projectDescription{width:90%!important}#projectLinks{bottom:5%!important}#projectImages{padding-top:20px}#presentation{margin-left:0;padding:0 8%}#background{padding-left:0!important}#elementTitle{margin-bottom:10px}#elementText{font-size:14px}#elementDescription{padding-right:0!important;width:100%;height:30%}#about{color:#ff7b4a;font-family:Cunia,serif;font-size:40px;padding:5px 0 0 25px;position:absolute;top:0;left:0}#aboutContainer{flex-direction:column;justify-content:center}#elementsContainer{display:block;margin:0;height:30%;width:100%}#devElement{cursor:pointer;width:200px;transform:translateY(90px) translate(-50px);height:auto}#devOutter{cursor:pointer;width:200px;transform:translateY(90px) translate(-50px) scale(1.06);height:auto}#element1{left:0;top:50%;right:0;margin:auto}#element2{left:35%;right:0;top:10%;margin:auto}#element3{left:unset;right:10%;top:50%;margin:unset}#element4{left:40%;margin:auto;top:unset;bottom:-20%;right:20%}#element5{left:unset;right:5%;top:unset;bottom:-40%}#contactFooter{border-radius:10px;width:80%}textarea{height:70px}}@media screen and (min-width: 650px){.project{height:230px;width:230px;margin-bottom:10px}}@media screen and (max-width: 650px){#pageName{padding:5px 0 0 25px}#waves0{width:40%!important}#waves1{width:50%!important}#waves2{width:60%!important}#waves3{width:70%!important}#waves4{width:90%!important}#waves5{width:105%!important}#projectsGrid{justify-content:center;width:100%;height:80vh!important}#componentWrap{overflow-y:auto}#projectsGrid{width:100%!important;overflow-y:auto;position:absolute;top:0;left:0;height:100vh}.project{border:none;height:fit-content;width:100%;margin-bottom:5px;overflow:hidden;position:relative;z-index:10;cursor:pointer}.projectThumbImage{position:inherit;height:auto!important}#contact{font-size:30px}}@media screen and (max-width: 445px){#contact{font-size:23px}#toggle{right:5%!important;top:5%!important}}@media screen and (max-width: 425px){#aboutContainer{justify-content:flex-start;align-items:flex-start}#about{position:inherit;font-size:30px;padding:0}#contactContainer{justify-content:center}#formSubmit{flex-direction:column}#contactHeader{margin-top:5px}label{font-size:13px}#elementDescription{margin-top:10px}#elementTitle{font-size:20px}#projectLinks{flex-direction:column;align-items:center}#siteLink{margin-bottom:10px}#element1{left:15%;top:10%;right:0;margin:unset}#element2{left:50%;right:0;top:15%;margin:unset}#element3{left:unset;right:0%;top:20%;margin:unset}#element4{left:20%;margin:auto;top:unset;bottom:0%;right:20%}#element5{left:unset;right:5%;top:unset;bottom:-10%}#contactPage{height:fit-content;overflow:auto;margin-bottom:90px}#contactFooter{bottom:0!important}}@media screen and (max-width: 425px) and (max-height: 650px){#elementsContainer{transform:translateY(40%)}}@media screen and (max-width: 425px) and (min-height: 550px){#contactPage{height:100%;overflow:auto;margin-bottom:0}}@media (hover: none){#github,#linkedin{display:none}}#projectDetails{position:absolute;top:0;left:60px;width:100%;height:100%;background-color:green;z-index:20}#projectTitle{color:#ff7b4a;font-family:Cunia,serif;font-size:40px;margin-bottom:25px;transition:all .3s ease-out}.inner-tasks{transition-delay:.2s!important;transition:all calc(.35s * var(--i)) ease-out}.inner-description{transition-delay:.2s!important;transition:all .6s ease-out}.inner-image{transition-delay:.7s!important;transition:all .6s ease-out}#projectLinks{position:sticky;bottom:10%;left:0;right:0;margin:auto;display:flex;justify-content:center}.linkButton{margin-right:10px;font-family:Heebo Medium,serif;font-size:15px;letter-spacing:1.3px;background-color:#ff7b4a;padding:7px 35px;border-radius:20px;border:none;color:#fff;width:max-content;transition:all .2s ease-out;cursor:pointer}.linkButton:hover{color:#000}#toggle{width:40px;height:40px;position:absolute;right:10%;top:10%;-webkit-transition:.7s ease;-moz-transition:.7s ease;-o-transition:.7s ease;transition:.7s ease;z-index:100}#toggle:after,#toggle:before{content:"";position:absolute;height:5px;width:100%;background:#fff;-webkit-transition:.7s ease;-moz-transition:.7s ease;-o-transition:.7s ease;transition:.7s ease;border-radius:40px;top:50%}#toggle:after{transform:rotate(45deg);right:0}#toggle:before{transform:rotate(-45deg);left:0}#projectWrap{width:80%;height:100%;left:0;right:0;margin:auto;display:flex;justify-content:space-between;align-items:center;align-content:center;color:#fff}.tasks{display:flex;justify-content:flex-start;flex-wrap:wrap;font-family:Cunia,serif;font-size:13px;margin-bottom:10px}.tasks p{margin-right:10px;margin-bottom:5px;border:solid 2px white;padding:5px 10px;border-radius:10px}#projectDescription{width:50%;white-space:pre-line;line-height:17px}#projectImages{width:90%;display:flex;justify-content:center;position:relative}#mobileMockup{position:absolute;right:10%;bottom:-40%;height:auto;width:30%!important}#projectImages img{width:70%;height:auto}