#navbar{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;top:0;pointer-events:none;height:4rem;font-size:1.2rem;z-index:999}#navbar__container{display:flex;justify-content:space-around;pointer-events:all;height:100%;width:100%;background-image:linear-gradient(0deg,#00000000 0%,rgba(0,0,0,.5) 100%);color:var(--white-color);transition:all 1s ease}#navbar__logo{display:flex;flex-direction:column;align-items:center;margin:8px 0;width:40%;cursor:pointer;text-decoration:none;z-index:999}#navbar__logo h1{color:var(--white-color);font-family:var(--font-serif);text-decoration:none;font-weight:700;font-size:1.5rem;margin-bottom:-.6rem}#navbar__logo h2{color:var(--white-color);font-family:var(--font-main);font-weight:lighter;font-size:1.1rem}#navbar__logo h1:after{content:"";display:block;translate:0 1rem;width:100%;height:3px;background-color:var(--white-color);border-radius:100%}#navbar__menu{margin:0 20px;width:30%;display:flex;justify-content:center;align-items:center;list-style:none}.navbar__links{padding:30px 1rem;text-decoration:none;color:var(--white-color);cursor:pointer;transition:color,font-size .3s ease}.navbar__links:hover{text-decoration:underline;font-weight:700}@media screen and (max-width: 600px){#navbar__container{min-width:300px;align-items:center}#navbar__menu{position:fixed;display:grid;top:80px;width:100%;margin:0;justify-content:center;grid-template-columns:auto;font-size:2rem;background-color:var(--gray-color);height:10vh;clip-path:circle(0% at 100% 0%);transition:all .3s ease-in-out;border-radius:2px}#navbar__menu.active{clip-path:circle(75%);border-radius:20px;height:30vh}.navbar__toggle{margin:0 20px;cursor:pointer;z-index:9999}.navbar__toggle .bar{width:25px;height:3px;border-radius:5px;margin:5px auto;background:white;display:block;transition:all .5s ease}#mobile_menu.active .bar:nth-child(2){opacity:0;transform:scalex(0)}#mobile_menu.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}#mobile_menu.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}footer{position:relative;background-color:#292929;padding:10px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-shadow:#00000059 0 40px 36px -28px inset}footer>ul{display:flex;flex-direction:row;list-style:none;gap:2rem}.footer__item{color:var(--white-color);font-family:var(--font-main)}.footer__item a{text-decoration:underline;color:#af8ef1;font-weight:700}.footer__up{display:block;width:2rem;height:2rem;background-image:url(/icons/simple_arrow.svg)}