@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap";:root{--primary-color: #30f9e8;--secondary-color: #000000;--background-color: #ffffff}body{padding:0;margin:0;font-family:Inter,Verdana,sans-serif}#app,main{display:flex;flex-direction:column}#app{min-height:100dvh;overflow:hidden}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease-in-out}button{padding:0;margin:0;border:none;background:none;font:inherit;color:inherit;box-shadow:none;outline:none;cursor:pointer}.switch{position:relative;display:inline-block;width:50px;height:27px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:2px solid var(--toggle-slider-border);-webkit-transition:.4s;transition:.4s;border-radius:50px}.slider:before{content:"";background-color:var(--navbar-border-color);height:18px;width:18px;border-radius:50%;position:absolute;left:2px;bottom:2.5px;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--toggle-slider-background)}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px)}.navbar-container-wrapper{display:flex;justify-content:center;width:100%}.navbar-button-container{display:flex;flex-direction:row-reverse;width:90%;align-items:center;gap:1rem;padding-top:20px}.navbar-container{display:flex;flex-direction:column;z-index:100;position:fixed;top:0;right:0;height:100vh;align-items:center;border-left:3px solid var(--navbar-border-color);padding-top:3rem;gap:2rem;transform:translate(100%);transition:.3s ease;background-color:var(--navbar-background-color)}.is-expanded{transform:translate(0)}nav{background-color:transparent;z-index:10;width:200px}nav ul{list-style:none;display:flex;flex-direction:column;gap:2.5rem;align-items:center;padding:0}nav a{color:var(--navbar-text-color);text-decoration:none;text-transform:uppercase;font-size:1.15rem}.button-section{width:100%;display:flex;flex-direction:row-reverse;justify-content:center}.button-section .switch{margin-right:1rem}.close-btn-path{fill:var(--navbar-border-color)}@media (width >= 96rem){.navbar-button-container{width:80%}}footer{background-color:var(--background-color);color:var(--secondary-color);padding:1.5rem 0}.theme-dark>footer{background-color:var(--primary-color)}.shape-container,.socials,.author{display:flex;justify-content:center}.shape{display:flex;flex-direction:column;gap:.5rem;background-color:var(--background-color);border-radius:2rem;border:3px solid var(--secondary-color);width:80dvw;padding:1rem}.socials{gap:1rem}.socials svg{width:2rem;height:2rem}.author{flex-direction:column;align-items:center;font-weight:200;font-size:.9rem}.about-me-view+footer{background-color:var(--secondary-color);color:var(--background-color)}.about-me-view+footer .shape{background-color:var(--secondary-color);border:3px solid var(--background-color)}.about-me-view+footer .shape .socials svg{fill:var(--background-color)}