.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{align-items:center;display:flex}.app__navbar .app__navbar-logo .back svg{color:#000;width:30px;height:30px}.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;transition:all .3s;display:flex}.projects .button:hover{color:#fff;background:linear-gradient(to right, var(--secondary-color), #f311c2);border:2px solid #fff}.projects .button:active{color:#fff;background:linear-gradient(to right, var(--secondary-color), #b11d93);border:2px solid #fff}@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{color:#fff;background:linear-gradient(to right, var(--secondary-color), var(--secondary-color));min-width:max-content;font-family:var(--font-base);border:none;padding:12px 20px}@media (max-width:1168px){.projects-fill .button{padding:12px}}.projects-fill .button:disabled{opacity:.7}.projects-fill .button:hover{color:#fff;background:linear-gradient(to right, var(--secondary-color), #f311c2);border:none}.projects-fill .button:active{color:#fff;background:linear-gradient(to right, var(--secondary-color), #b11d93);border:none}.app__menu{background:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:none}.app__menu svg{cursor:pointer;color:#fff;width:80%;height:80%}.app__menu div{opacity:0;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;width:80%}.app__menu div.mobile-menu svg{transform:rotate(180deg)}.app__menu div svg{width:35px;height:35px;color:var(--secondary-color);background-color:#d3d3d379;border-radius:50%;padding:4px;transition:all .4s;transform:rotate(90deg)}.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}}.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}}