.app__navbar{z-index:999;background-color:#ffffffb3;border-bottom:1px solid #fff6;justify-content:space-between;align-items:center;width:100%;padding:.25rem 2rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000014}@media screen and (max-width:600px){.app__navbar{padding:.2rem 1rem}}.app__navbar .app__navbar-logo{-webkit-user-select:none;user-select:none;justify-content:flex-start;align-items:center;display:flex}.app__navbar .app__navbar-logo .logo-link{color:inherit;align-items:center;text-decoration:none;display:flex}.app__navbar .app__navbar-logo .back{align-items:center;margin-right:10px;display:flex}.app__navbar .app__navbar-logo .back .link{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.app__navbar .app__navbar-logo .back svg{width:30px;height:30px;color:var(--secondary-color)}.app__navbar .app__navbar-logo .border{border:3px solid var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.app__navbar .app__navbar-logo .border img{object-fit:cover;border-radius:50%;width:35px;height:35px}.app__navbar .app__navbar-logo h3{text-transform:uppercase;color:#000;font-size:22px;font-weight:900;font-family:var(--font-base);align-items:center;margin:0;padding:2px 6px;display:flex}@media screen and (max-width:600px){.app__navbar .app__navbar-logo h3{font-size:17px}}.app__navbar .app__navbar-logo h3 b{color:var(--secondary-color);font-size:28px;font-weight:900}@media screen and (max-width:600px){.app__navbar .app__navbar-logo h3 b{font-size:24px}}.app__navbar .app__navbar-logo h3 #b2{color:#f311c2;font-size:25px;font-weight:900}@media screen and (max-width:600px){.app__navbar .app__navbar-logo h3 #b2{font-size:17px}}.app__navbar .app__navbar-links{flex:1;justify-content:center;align-items:center;list-style:none;display:flex}.app__navbar .app__navbar-links div{background:0 0;border-radius:50%;width:7px;height:7px;margin-bottom:5px}.app__navbar .app__navbar-links a{color:var(--gray-color);text-transform:uppercase;border-radius:10px;flex-direction:column;margin:0 .5rem;padding:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out}.app__navbar .app__navbar-links a:hover{color:var(--secondary-color);background-color:#a8a8a82e}.app__navbar .app__navbar-links li{flex-direction:column}.app__navbar .app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar .app__navbar-links{display:none}}.btn-container{align-items:center;gap:1rem;display:flex}@media (max-width:640px){.btn-container{gap:.6rem}}.projects .button{color:#111;border-radius:25px;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none}@media screen and (max-width:600px){.projects .button{font-size:14px}}.projects .button{cursor:pointer;border:2px solid var(--secondary-color);justify-content:center;align-items:center;display:flex}@media (max-width:1168px){.projects-fill .text{display:none}}.projects-fill svg{margin-right:8px}@media (max-width:1168px){.projects-fill svg{margin-right:0}}.projects-fill .button{min-width:max-content;font-family:var(--font-base);padding:12px 20px}@media (max-width:1168px){.projects-fill .button{padding:12px}}.projects-fill .button:disabled{opacity:.7}.nav-action svg{flex:none;width:21px;height:21px}.projects-nav .nav-action svg{display:none}.nav-action-label{display:inline}@media screen and (max-width:900px){.btn-container{gap:.6rem}.app__menu{border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.projects .nav-action{border-radius:50%;width:44px;min-width:44px;height:44px;padding:0}.projects-nav .nav-action{color:var(--secondary-color)}.projects-nav .nav-action svg{display:block}.nav-action-label,.projects-fill .text{display:none}.projects-fill .nav-action{min-width:44px;color:var(--secondary-color)}.projects-fill .nav-action svg{margin:0}}.app__menu{background:0 0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.app__menu .menu-toggle,.app__menu .menu-close{border:2px solid var(--secondary-color);background-color:#0000;background-image:linear-gradient(to top, var(--secondary-color) 50%, transparent 50%);cursor:pointer;color:var(--secondary-color);background-position:top;background-repeat:no-repeat;background-size:100% 200%;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-position .45s cubic-bezier(.2,.75,.25,1),color .25s;display:flex}.app__menu .menu-toggle:hover,.app__menu .menu-close:hover{color:#fff;background-position:bottom}.app__menu .menu-toggle:focus-visible,.app__menu .menu-close:focus-visible{outline:3px solid var(--secondary-color);outline-offset:3px}.app__menu .menu-toggle svg,.app__menu .menu-close svg{color:currentColor;stroke:currentColor;flex:none;width:24px;height:24px}.app__menu>.menu-toggle{width:100%;height:100%}.app__menu div{opacity:0;pointer-events:none;z-index:-1;background:#fff url(/assets/bgWhite.png) 0 0/cover;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:0%;height:100vh;padding:1rem;transition:all .5s ease-in-out;display:none;position:fixed;top:0;bottom:0;right:0;box-shadow:0 0 20px #a8a8a82e}.app__menu div.mobile-menu{opacity:1;z-index:999;pointer-events:auto;width:80%}.app__menu div .menu-close{width:44px;height:44px}.app__menu div ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:0;list-style:none;display:flex}.app__menu div ul li{margin:1rem}.app__menu div ul li a{color:var(--gray-color);text-transform:uppercase;flex-direction:column;font-weight:600;text-decoration:none;transition:all .3s ease-in-out}.app__menu div ul li a:hover{color:var(--secondary-color)}@media screen and (max-width:900px){.app__menu div,.app__menu{display:flex}}@media (prefers-reduced-motion:reduce){.app__menu .menu-toggle,.app__menu .menu-close{transition:none}}.search__bar{background-color:#0000000a;border-radius:25px;width:300px;height:45px;padding:0 5px;display:flex}@media screen and (max-width:500px){.search__bar{width:auto}.search__bar.mobile__searchbar{background-color:#f8f8f8;border-radius:0;width:100%;height:60px;position:fixed;top:0;left:0}}.search__bar svg{color:gray;flex-shrink:0;align-self:center;width:20px;height:20px;margin-left:12px;margin-right:8px}.search__bar .input{font-family:var(--font-base);background:0 0;border:none;outline:none;flex:1;font-size:15px}@media screen and (max-width:500px){.search__bar .input.mobile__bar{margin-left:8px;display:inline}.search__bar{padding:0 15px}.search__bar svg{margin:0}.search__bar .input{display:none}}.search__bar:focus-within{border:1px solid gray}@media screen and (max-width:500px){.search__bar:focus-within{background-color:#fff;border:none;box-shadow:0 0 10px #0003}}