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%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}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}a{all:unset;cursor:pointer}.canvas-container{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#my-canvas{height:100%;width:100%;z-index:1;background-color:#000}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}:root{font-synthesis:none;text-rendering:optimizeLegibility;font-family:Outfit,sans-serif;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:transform ease-in-out .5s;background-color:#b5cbd6}.loading-container--loaded{transform:translateY(-100%) scale(.8)}.loading-container p{font-size:2rem;color:#fff;font-weight:800}.custom-modal__modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;visibility:hidden;transition:visibility .3s linear 0s}.custom-modal__modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);opacity:0;transition:opacity .3s ease-in-out}.custom-modal__modal-container--show{visibility:visible}.custom-modal__modal-container--show .custom-modal__modal-content{transform:translateY(0) scale(1)}.custom-modal__modal-container--show .custom-modal__modal-overlay{opacity:1}.custom-modal__modal-head{margin-bottom:1rem}.custom-modal__modal-content{transform:translateY(100vh) scale(.7);transition:transform ease-in-out .3s;text-align:center;position:relative;background-color:#fff;color:#000;z-index:2;padding:2em 1em;border-radius:.5rem;width:50rem;box-shadow:0 .25rem .375rem #0000001a;font-size:18px}@media (max-width: 63.9375rem){.custom-modal__modal-content{margin:3.125rem}}@media (max-width: 39.9375rem){.custom-modal__modal-content{margin:1rem}}.light-theme .custom-modal__modal-content{background-color:#a4b2d1;border:.5rem solid rgb(97,105,123);color:#fefefe}.dark-theme .custom-modal__modal-content{background-color:#bdcef4;border:.5rem solid rgb(118,128,149);color:#343842}.custom-modal__modal-content__close{all:unset;left:-2.1875rem;top:-2.1875rem;position:absolute;padding:.625rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform ease-in-out .4s;border-radius:.3125rem}@media (max-width: 39.9375rem){.custom-modal__modal-content__close{left:-.9375rem;top:-2.1875rem}}.custom-modal__modal-content__close:hover{transform:rotate(5deg) scale(1.3)}.light-theme .custom-modal__modal-content__close{background-color:#a4b2d1;border:.25rem solid rgb(97,105,123)}.dark-theme .custom-modal__modal-content__close{background-color:#bdcef4;border:.25rem solid rgb(118,128,149)}.custom-modal__modal-content__close #close{width:2rem}.light-theme .custom-modal__modal-content__close #close path{fill:#fefefe}.dark-theme .custom-modal__modal-content__close #close path{fill:#61697b}.custom-modal__modal-content__title{padding:.625rem 6.25rem;border-radius:.3125rem;display:inline-block;font-size:1.5rem;font-weight:500;margin-bottom:1rem}.light-theme .custom-modal__modal-content__title{background-color:#828ea8;border:.25rem solid rgb(97,105,123);color:#fefefe}.dark-theme .custom-modal__modal-content__title{background-color:#828ea8;border:.25rem solid rgb(118,128,149);color:#343842}.custom-modal__modal-content .about-me{padding:0 1.25rem}@media (max-width: 39.9375rem){.custom-modal__modal-content .about-me{padding:0 .3125rem}}.custom-modal__modal-content__content{text-align:left;overflow-y:auto;max-height:50vh;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}@media (max-width: 63.9375rem){.custom-modal__modal-content__content{max-height:50vh}}@media (max-width: 39.9375rem){.custom-modal__modal-content__content{max-height:55vh}}.custom-modal__modal-content__content::-webkit-scrollbar{width:.5rem}.custom-modal__modal-content__content::-webkit-scrollbar-track{width:.125rem;border-radius:.25rem;background-color:#6f497433}.custom-modal__modal-content__content::-webkit-scrollbar-thumb{background-color:#828ea8;border-radius:.25rem}.custom-modal__modal-content .socials{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;font-size:2rem}@media (max-width: 39.9375rem){.custom-modal__modal-content .socials{margin-bottom:1.25rem}}.custom-modal__modal-content .socials svg{color:#000}.custom-modal__modal-content .works{list-style:none;padding:0 40px 0 0;display:flex;flex-direction:column;gap:2rem}@media (max-width: 39.9375rem){.custom-modal__modal-content .works{padding-right:0}}.custom-modal__modal-content .works__item{display:flex;gap:20px;align-items:center}@media (max-width: 39.9375rem){.custom-modal__modal-content .works__item{flex-direction:column}}.custom-modal__modal-content .works__item__left__image{width:200px;height:150px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:5px}.light-theme .custom-modal__modal-content .works__item__left__image{background-color:#828ea8;border:.1875rem solid rgb(97,105,123)}.dark-theme .custom-modal__modal-content .works__item__left__image{background-color:#828ea8;border:.1875rem solid rgb(118,128,149)}@media (max-width: 39.9375rem){.custom-modal__modal-content .works__item__left__image{width:100%}}.custom-modal__modal-content .works__item__left__image img{width:100%;height:auto;object-fit:cover}.custom-modal__modal-content .works__item__right h2{margin-bottom:1.125rem}.light-theme .custom-modal__modal-content .works__item__right h2{color:#61697b}.dark-theme .custom-modal__modal-content .works__item__right h2{color:#768095}.custom-modal__modal-content .works__item__right p{font-size:1rem;line-height:1.3em}.custom-button{outline:none;transition:background-color ease-in-out 1s,border ease-in-out 1s,transform ease-in-out .5s,color ease-in-out 1s;border-radius:.3125rem;color:#000;padding:.625rem 20px;cursor:pointer;min-width:7rem}.light-theme .custom-button{background-color:#a4b2d1;border:.25rem solid rgb(97,105,123)}.dark-theme .custom-button{background-color:#bdcef4;border:.25rem solid rgb(118,128,149)}.action-buttons{position:fixed;right:20px;top:20px;display:flex;gap:20px}.toggle-theme{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.toggle-theme:hover{transform:rotate(5deg) scale(1.3)}.toggle-theme svg{position:absolute;width:2rem;transition:transform ease-in-out 1s}.toggle-theme #moon{transform:translateY(-6.25rem)}.light-theme .toggle-theme #moon path{fill:#fefefe}.dark-theme .toggle-theme #moon path{fill:#61697b}.light-theme .toggle-theme #sun path{fill:#fefefe}.dark-theme .toggle-theme #sun path{fill:#61697b}.toggle-theme path{transition:fill ease-in-out 1s}.toggle-theme--night #moon{transform:translateY(0)}.toggle-theme--night #sun{transform:translateY(6.25rem)}.cv-button{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;font-weight:700;font-size:18px}.cv-button:hover{transform:rotate(-5deg) scale(1.3)}.light-theme .cv-button{color:#fefefe}.dark-theme .cv-button{color:#61697b}.enter-button{font-size:2rem;transition:transform ease-in-out .5s}.enter-button:hover{transform:scale(1.3)}@keyframes modal-animation{0%{transform:scale(.7) translateY(-100%)}to{transform:scale(1) translateY(100%)}}