.app__navbar{width:100%;justify-content:space-between;padding:1rem 2rem;background:hsla(0,0%,100%,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.18);position:fixed;z-index:2}.app__navbar,.app__navbar-logo{display:flex;align-items:center}.app__navbar-logo{justify-content:flex-start}.app__navbar-logo .head-text{font-size:1.5em;-webkit-text-fill-color:#fff;-webkit-text-stroke-width:2px}.app__navbar-logo .head-text span{color:#000;-webkit-text-fill-color:#fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--secondary-color)}.app__navbar-logo img{width:90px;height:20px}@media screen and (min-width:2000px){.app__navbar-logo img{width:180px;height:40px}}.app__navbar-links{flex:1;display:flex;justify-content:center;align-items:center;list-style:none}.app__navbar-links li{margin:0 1rem;cursor:pointer;flex-direction:column}.app__navbar-links li div{width:5px;height:5px;background:transparent;border-radius:50%;margin-bottom:5px}.app__navbar-links li a{color:var(--gray-color);text-decoration:none;flex-direction:column;text-transform:uppercase;font-weight:500;transition:all .3s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{width:35px;height:35px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--secondary-color);z-index:10}.app__navbar-menu svg{width:70%;height:70%;color:var(--white-color);cursor:pointer}.app__navbar-menu>div{position:fixed;top:0;bottom:0;right:0;z-index:5;padding:1rem;width:80%;height:100vh;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;background:url(/_next/static/media/bgWhite.f351b5e9.png);background-color:var(--white-color);background-size:cover;background-repeat:repeat;box-shadow:0 0 20px hsla(0,0%,66%,.15)}.app__navbar-menu>div svg{width:35px;cursor:pointer;height:35px;color:var(--secondary-color);margin:.5rem 1rem;z-index:11}.app__navbar-menu>div ul{list-style:none;margin:0;padding:0;height:100%;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.app__navbar-menu>div ul li{margin:1rem}.app__navbar-menu>div ul li a{color:var(--gray-color);text-decoration:none;font-size:1rem;text-transform:uppercase;font-weight:500;transition:all .3s ease-in-out}.app__navbar-menu>div ul li a:hover{color:var(--secondary-color)}@media screen and (min-width:900px){.app__navbar-menu,.app__navbar-menu>div{display:none}}@media screen and (max-width:900px){.toggle{display:none}}.app__works{flex:1;width:100%;flex-direction:column}.app__work-filter{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;margin:4rem 0 2rem}.app__work-filter .app__work-filter-item{padding:.5rem 1rem;border-radius:.5rem;background-color:#fff;color:#000;font-size:800;cursor:pointer;transition:all .3s ease;margin:.5rem}.app__work-filter .app__work-filter-item:hover{background-color:#313bac;color:#fff}@media screen and (min_-width:2000px){.app__work-filter .app__work-filter-item{padding:1rem 2rem;border-radius:.85rem}}.app__work-filter .item-active{background-color:var(--secondary-color);color:#fff}.app__work-portfolio{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.app__work-portfolio .app__work-item{width:270px;flex-direction:column;margin:2rem;padding:1rem;border-radius:.5rem;background-color:#fff;color:#000;cursor:pointer;transition:all .3s ease}.app__work-portfolio .app__work-item:hover{box-shadow:0 0 25px rgba(0,0,0,.2)}@media screen and (mn-width:2000px){.app__work-portfolio .app__work-item{width:470px;padding:1.25rem;border-radius:.75rem}}@media screen and (max-width:300px){.app__work-portfolio .app__work-item{width:100%;margin:1rem}}.app__work-img{width:100%;height:230px;position:relative}.app__work-img img{width:100%;height:100%;border-radius:.5rem;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:2000px){.app__work-img{height:350px}}.app__work-hover{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:.5rem;opacity:0}.app__work-hover,.app__work-hover div{background-color:rgba(0,0,0,.5);transition:all .3s ease}.app__work-hover div{width:50px;height:50px;border-radius:50%;color:#fff;margin:1rem;font-family:var(--font-base);font-weight:800;cursor:pointer}.app__work-hover div svg{width:50%;height:50%;color:var(--white-color)}.app__work-content{padding:.5rem;width:100%;position:relative;flex-direction:column}.app__work-content h4{margin-top:1rem;line-height:1.5}@media screen and (min-width:2000px){.app__work-content h4{margin-top:3rem}}.app__work-content .app__work-tag{position:absolute;padding:.5rem 1rem;border-radius:10px;background-color:#fff;top:-25px}