@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Special+Elite&display=swap";@import"https://fonts.googleapis.com/css2?family=Sirin+Stencil&family=Unica+One&display=swap";#root{width:100%;margin:0 auto;text-align:center}.home-link{text-decoration:none;color:#f5f5f5;font-size:1rem;margin:1rem;transition:color .3s ease}.home-link:hover{color:#535bf2}.eraserContainer{display:flex;flex-direction:column;align-items:center;background-color:#000;width:100vw;height:100vh}.eraserContainer__h1,.eraserContainer__h2{text-align:center;color:#fff;background-color:#000;width:75%}.eraserContainer__eraser{cursor:pointer}.flash{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:1;pointer-events:none;z-index:9999;animation:flash-animation .7s;-webkit-animation:flash-animation .7s}@keyframes flash-animation{0%{opacity:1}to{opacity:0}}.bio{min-height:100vh;max-height:100%;background-color:#073b4c;color:#f5f5f5;padding:1rem;box-shadow:0 0 2rem -.5rem #000;scroll-margin-top:80px}@media screen and (min-width: 768px){.bio{padding:1rem 5rem}}.bio__profile{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.bio__profile{align-items:normal}}.bio__paragraph{margin-top:.5rem;text-align:left}@media screen and (min-width: 768px){.bio__paragraph{margin-left:1rem}}.bio__img{width:200px;height:fit-content;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.icon-container__icon{width:50px;padding:.5rem}.icon-container__icon:hover{animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.dayMode{background-color:#fff!important;color:#073b4c!important}.contact{min-height:100vh;max-height:100%;background-color:#073b4c;color:#f5f5f5;padding:1rem;box-shadow:0 0 2rem -.5rem #000;scroll-margin-top:80px}@media screen and (min-width: 768px){.contact{padding:1rem 5rem}}.contact__link{color:#f5f5f5}.form{display:flex;flex-direction:column;margin:0 auto}.form__input{width:14rem;margin:0 auto}.form__textarea{width:25rem;margin:0 auto;height:8rem}@media screen and (max-width: 576px){.form__textarea{width:18rem}}.form__button{width:10rem;margin:1rem auto}.container{text-align:center;margin-top:15%}.h3{font-size:19px}.iconContainer{width:70px;position:fixed;bottom:15px;display:flex;flex-direction:column;margin-left:-80px}.icon{width:30px;margin:10px}.glowOnHover{height:30px;border:none;outline:none;background:#0000;cursor:pointer;position:relative;z-index:0;border-radius:35px;padding:15px;text-align:center;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px}.glowOnHover:before{content:"";background:linear-gradient(45deg,#073b4c,#118ab2,#546a7b,#c5cfd6);position:absolute;top:8px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px}.glowOnHover:active{color:#000}.glowOnHover:active:after{background:transparent}.glowOnHover:hover:before{opacity:1}.glowOnHover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@media screen and (max-width: 450px){.iconContainer{margin:80px auto 0;width:50%;position:relative;display:inline-block;bottom:0}.h3{margin-top:80px}.glowOnHover:before{opacity:1}.glowOnHover{width:75%;margin:23% 0% 5% 12.5%}}.form{display:flex;flex-direction:column;justify-content:center;align-items:center}.form input,.form textarea{width:90%}@media screen and (min-width: 768px){.form input,.form textarea{width:50%}}.form textarea{height:10rem}.form input[type=submit]{margin-top:1rem;width:30%}.experience{min-height:100vh;max-height:100%;background-color:#073b4c;color:#f5f5f5;padding:1rem;box-shadow:0 0 2rem -.5rem #000;scroll-margin-top:80px}@media screen and (min-width: 768px){.experience{padding:1rem 5rem}}.experience__ul{padding-inline:0}.experience__ul details{margin-bottom:1.2rem;border-radius:6px;transition:all .8s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.experience__ul details[open] summary{background-color:#0a526a;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#ecf0f1}.experience__ul details[open] summary:after{transform:rotate(90deg);transition:transform .8s cubic-bezier(.4,0,.2,1)}.experience__ul details[open] summary span{color:#ecf0f1}.experience__ul details summary{padding:1.2rem;cursor:pointer;background-color:#0a526a;border-radius:6px;border:1px solid #2c3e50;transition:all .8s cubic-bezier(.4,0,.2,1);position:relative;list-style:none;color:#ecf0f1;text-align:left}.experience__ul details summary:hover{background-color:#107597}.experience__ul details summary:after{content:"›";position:absolute;right:.7rem;transition:transform .8s cubic-bezier(.4,0,.2,1);font-size:1.4rem;color:#ecf0f1}.experience__ul details summary span{font-weight:600;color:#ecf0f1}.experience__ul details ul{padding:1.2rem;border:1px solid #2c3e50;border-top:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:#0b495e;transition:all .8s cubic-bezier(.4,0,.2,1);color:#ecf0f1}.experience__ul details ul li{margin-bottom:.8rem;line-height:1.6;color:#ecf0f1;text-align:left}.experience__ul details ul li:last-child{margin-bottom:0}.flashlight-effect{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden;cursor:none}.flashlight-overlay{position:absolute;width:350px;height:350px;background:radial-gradient(circle,#ffffff12,#fff0 65%);border-radius:50%;pointer-events:none;transition:transform .1s ease}.footer{max-height:100%;background-color:#073b4c;color:#f5f5f5;padding:1rem;box-shadow:0 0 2rem -.5rem #000;scroll-margin-top:80px}@media screen and (min-width: 768px){.footer{padding:1rem 5rem}}.main{text-align:left;padding:2rem;background-color:#073b4c;color:#f5f5f5;min-height:100vh;padding:0rem 5rem;display:flex;flex-direction:column;justify-content:center}.main__name{font-size:clamp(4rem,1.5vw,5rem);font-family:Raleway,sans-serif;font-weight:400;color:#f5f5f5;margin-block:0}.navbar{position:relative;top:0;left:0;padding:1rem;background-color:#073b4c}.navbar__toggle{display:block;cursor:pointer;padding:.5rem;height:2rem}.navbar__burger{width:25px;height:3px;background-color:#f5f5f5;position:relative;transition:.3s ease-in-out}.navbar__burger span{display:block;background-color:#f5f5f5;height:3px;margin:5px 0;transition:.3s ease-in-out}.navbar__burger.open span:nth-child(1){transform:rotate(45deg);top:8px;position:absolute}.navbar__burger.open span:nth-child(2){opacity:0}.navbar__burger.open span:nth-child(3){transform:rotate(-45deg);top:-8px;position:absolute}.navbar__ul{flex-direction:column;justify-content:center;align-items:flex-start;position:absolute;top:50px;left:0;background-color:inherit;height:auto;transform:translateY(-100%);transition:transform .3s ease-in-out;padding:2rem;list-style-type:none;margin:0;display:none}.navbar__ul--open{display:flex;transform:translateY(0);background-color:#084053;border:1px solid whitesmoke}@media screen and (min-width: 768px){.navbar__ul--open{border:none;background-color:#073b4c}}.navbar__li a{color:#f5f5f5}@media screen and (min-width: 768px){.navbar{padding:1rem 0}.navbar__toggle{display:none}.navbar__ul{position:static;flex-direction:row;justify-content:space-evenly;align-items:center;height:auto;transform:none;padding:0rem 2rem 1rem;display:flex}}.navbar__logo-a{width:14%;text-align:left}@media screen and (min-width: 768px){.navbar__logo-a{width:7%;margin-top:7px}}.navbar__logo{width:50%}.parallax{background-image:url(/assets/background3-BtmL787g.jpg);min-height:100px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;transform:translateZ(0)}@media screen and (min-width: 768px){.parallax{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none}}@property --angle{syntax: ""; inherits: true; initial-value: 0turn;}.projects{min-height:100vh;max-height:100%;background-color:#073b4c;color:#f5f5f5;padding:1rem;box-shadow:0 0 2rem -.5rem #000;scroll-margin-top:80px}@media screen and (min-width: 768px){.projects{padding:1rem 5rem}}.projects__container{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center}.projects__project{box-shadow:#0006 0 30px 90px;margin:1rem 0;background-color:#084053;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:1rem;transition:filter .3s ease,opacity .3s ease}.projects__project:hover{filter:brightness(110%)}.projects__headline{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;position:relative;display:inline-block;padding:.3rem .5rem;border:none;background:conic-gradient(from var(--angle),#535bf2,#9f0247,#535bf2);color:#fff;--angle: 0turn;animation:rotate 3s linear infinite;will-change:--angle;border-radius:8px}@keyframes rotate{to{--angle: 1turn}}.projects__container:hover .projects__project:not(:hover){filter:brightness(80%);opacity:.7}.projects__desc{margin-left:1rem;text-align:left}@media screen and (min-width: 768px){.projects__desc{width:50%}}.projects__img-desc-container{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.projects__img-desc-container{display:flex;flex-direction:row;align-items:center}}.projects__links{display:flex;flex-direction:column}.projects__img{width:100%;height:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.projects__img-a{width:100%}@media screen and (min-width: 768px){.projects__img-a{width:50%}}.projects__link{color:#f5f5f5}.reviews{min-height:100vh;max-height:100%;background-color:#073b4c;color:#f5f5f5;padding:1rem;box-shadow:0 0 2rem -.5rem #000;scroll-margin-top:80px}@media screen and (min-width: 768px){.reviews{padding:1rem 5rem}}.reviews__review{box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;padding:1rem;margin:1rem 0;border-radius:1rem;text-align:left;font-style:italic}@media screen and (min-width: 1280px){.reviews__review{width:60%;margin:1rem auto}}.reviews__review:nth-child(5n){background-color:#9f0247}.reviews__review:nth-child(5n+1){background-color:#9a9502}.reviews__review:nth-child(5n+2){background-color:#2f505b}.reviews__review:nth-child(5n+3){background-color:#057ca3}.reviews__review:nth-child(5n+4){background-color:#05a356}.reviews__buttons{display:flex;flex-direction:column;justify-content:center;align-items:center}.reviews__button{margin:1rem 0}.split-screen{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}@media screen and (min-width: 768px){.split-screen{flex-direction:row}}.split-screen__half{flex:1;transition:flex 2.5s ease}.split-screen__half:hover{flex:9}.split-screen__half.split-screen__left{background-color:#073b4c}.split-screen__half.split-screen__right{background-color:#000}.split-screen__half .titles-container{opacity:.25;transition:opacity 1.5s ease;color:#fff}.split-screen__half:hover .titles-container{opacity:1}.split-screen__left:hover~.split-screen__right{flex:1!important}.split-screen__right:hover~.split-screen__left{flex:1!important}.titles-container{padding:20px;position:relative;top:38%}.titles-container__title{margin:10px 0;font-family:Special Elite,sans-serif}.titles-container__title--right{color:#fff}.link{padding:.5rem 1rem;border:3px solid white;border-radius:7px;color:#fff}.link--right{border:3px solid white;color:#fff}.audio{min-height:100vh;max-height:100%;background-color:#073b4c;color:#f5f5f5;padding:1rem;box-shadow:0 0 2rem -.5rem #000;scroll-margin-top:80px;background-color:#000}@media screen and (min-width: 768px){.audio{padding:1rem 5rem}}.works{text-align:left;margin:0 auto;border:1px solid whitesmoke;border-radius:7px;padding:1rem;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px}@media screen and (min-width: 768px){.works{width:80%}}@media screen and (min-width: 1280px){.works{width:70%}}.progress-container{width:100%;height:4px;background:transparent;position:fixed;top:0;left:0;z-index:1000}.progress-container__bar{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);transition:width .1s ease-out;box-shadow:0 2px 4px #6654541a;will-change:width}.progress-container__bar:focus{outline:2px solid #4f46e5;outline-offset:2px}.scroll-to-top{position:fixed;bottom:20px;right:-8px;color:#f5f5f5;border:none;border-radius:50%;padding:10px;cursor:pointer;display:none}.scroll-to-top.visible{display:block}.scroll-to-top span{font-size:3rem;line-height:1}.timer{width:100vw;background-color:#084053;color:#f5f5f5}.timer__controls{display:flex;flex-direction:column;align-items:center;width:8rem;margin:0 auto}.timer__input{margin-top:.5rem;width:14rem}.timer__button{margin:.25rem 0;width:7rem}.timer__container{display:flex;justify-content:center;margin-top:7rem;height:100vh}.timer__text{font-size:5rem}.timerContainer{text-align:center;background-color:#000;color:#fff;height:100vh}.timerContainer__label{color:#fff}.timerContainer__input{width:40px}.timerContainer__inputContainer{display:inline-flex}.timerContainer__inputContainer div{margin:7px}.buttonContainer{display:flex;flex-direction:column;width:100px;margin:0 auto}.buttonContainer__button{margin-top:2px;border:none;color:#fff;background-color:#5a5858;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.buttonContainer__start{background-color:#086808}.buttonContainer__stop{background-color:#b60202}.floatZoom{animation-name:float-zoom;animation-duration:14s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;display:inline-block}.floatZoom__h2{margin-top:3rem}@keyframes float-zoom{0%{transform:scale(1);opacity:1;transform-origin:center center}50%{transform:scale(4.5);opacity:.5;transform-origin:center center;-webkit-transform:scale(4.5);-moz-transform:scale(4.5);-ms-transform:scale(4.5);-o-transform:scale(4.5)}to{transform:scale(1);opacity:1;transform-origin:center center}}.weather-background{background-image:url(/assets/weather-fxEJMvO9.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.weather{display:flex;padding:8rem;justify-content:center;color:#fff}.weather__zipCode{width:"280px";position:"absolute"}.weather__container{background:#0009;border:1px solid rgba(0,0,0,.3019607843);border-radius:60px;padding:40px;margin:0 auto;position:absolute;width:75%}@media screen and (min-width: 768px){.weather__container{width:auto}}.weather__form{display:flex;margin:0 auto}.weather__input{border-radius:20px;width:300px;height:30px;font-size:inherit;padding:14px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.weather__button{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}html{scroll-behavior:smooth}:root{font-family:Raleway,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit;transition:color .3s ease}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}