::-webkit-scrollbar{background:rgba(red,green,blue,0);width:.5rem}::-webkit-scrollbar-thumb{background:#696969;border-radius:200px}::-webkit-scrollbar-thumb:hover{background:#595959}*{margin:0;padding:0;box-sizing:border-box;font-family:Karla}body{background-color:#cfcfcf;overflow-x:hidden}.navbar{width:100%;margin:0;height:56px;padding:0 1.5rem;background-color:#454545;display:flex;align-items:center;justify-content:space-between;z-index:140;position:fixed;font-size:1.1rem;transition:.3s}@media (width < 759px){.navbar{height:48px}}.navbar .button{z-index:1000}.logo-section{height:100%;display:flex;gap:.5rem;align-items:center;color:#fff}.logo{height:100%;filter:brightness(100);transition:.1s}.logo:active{scale:110%;transition:.1s}.desktop-nav{display:flex;gap:2rem;margin-left:10px}@media (max-width: 768px){.desktop-nav{display:none}}ul li{list-style:none}.navbar-item{color:#fff;text-decoration:none;padding:.45rem 1rem;border-radius:200px;transition:.3s;border:1px solid rgba(255,255,255,0)}.navbar-item:hover{transition:.3s;border:1px solid rgb(255,255,255);filter:drop-shadow(0 0 .2rem rgba(255,255,255,.5))}.navbar-projects{background-color:#cfcfcf}.navbar-projects .logo-section p{color:#454545}.navbar-projects .navbar-item{transition:.3s;color:#454545}.navbar-projects .navbar-item:hover{border:1px solid #454545;transition:.3s;filter:drop-shadow(0 0 .2rem rgba(69,69,69,.2))}.navbar-projects .logo{filter:brightness()}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:20px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:130}@media (max-width: 768px){.hamburger{display:flex}}.hamburger .hamburger-line{width:100%;height:2px;background-color:#fff;border-radius:10px;transition:all .3s;transform-origin:1px}.hamburger.hamburger-active .hamburger-line:first-child{transform:rotate(45deg);width:105%}.hamburger.hamburger-active .hamburger-line:nth-child(2){opacity:0}.hamburger.hamburger-active .hamburger-line:last-child{transform:rotate(-45deg);width:105%}.hamburger .projects-hamburger{background-color:#454545}.mobile-menu-overlay{width:100vw;opacity:95%;background-color:#454545;transition:.3s;display:flex;position:fixed;flex-direction:column;margin-top:48px;z-index:130;align-items:center;padding:4rem;gap:2rem;animation:slideDown .3s ease-out forwards}.mobile-menu-overlay ul{display:flex;flex-direction:column;align-items:center;gap:2rem;font-size:1.2rem;transition:.3s;animation:slideDown .5s ease-out forwards}.mobile-menu-overlay.closing{animation:slideUp .3s ease-out forwards}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:auto}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}.mobile-nav-item{z-index:170;color:#fff;text-decoration:none;padding:.45rem 1rem;border-radius:200px;transition:.3s;border:1px solid rgba(255,255,255,0)}.mobile-nav-item:hover{transition:.3s;border:1px solid rgb(255,255,255);filter:drop-shadow(0 0 .2rem rgba(255,255,255,.5))}.landing{height:120vh;width:100%;margin:0;padding:48px 0 0;position:relative;overflow:hidden}@media (width < 759px){.landing{padding-top:15vw;height:120vh}}.kapakana{font-family:Kapakana,cursive;font-optical-sizing:auto;font-style:normal}.landing-img{height:94vh;left:50%;top:50%;transform:translate(-50%,-50%) rotate(2.83deg);filter:drop-shadow(3px 3px .4rem rgba(0,0,0,.13));z-index:3;position:absolute}@media (width < 759px){.landing-img{display:none}}@media (width > 1440px){.landing-img{margin:auto}}.landing-img-mobile{height:50rem;left:50%;transform:translate(-50%) rotate(1deg);filter:drop-shadow(3px 3px .4rem rgba(0,0,0,.13));z-index:3;position:absolute}@media (width > 759px){.landing-img-mobile{display:none}}@media (max-width: 480px){.landing-img-mobile{max-width:90vw;height:auto;padding-top:60px}}.background-letters{animation:fadeIn .6s ease forwards;font-size:1000px;z-index:1;color:#cacaca;font-family:Kapakana}.background-letters .p{left:0;position:absolute;rotate:-2.12deg;top:-120px}@media (width < 759px){.background-letters .p{font-size:800px;left:-90px;top:-110px}}.background-letters .v{position:absolute;right:80px;rotate:-6.02deg;bottom:-400px}@media (width < 759px){.background-letters .v{font-size:800px;right:-90px;bottom:-350px}}@keyframes fadeInRotate{0%{opacity:0;transform:translate(-50%,-50%) rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(2.83deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-element{animation:fadeInRotate .5s ease forwards;animation-fill-mode:backwards;will-change:opacity,transform;transform-origin:center center}.projects{background-color:#454545;position:relative;z-index:4;display:flex;justify-content:center;box-shadow:0 0 60px 70px #454545;width:100%;overflow:hidden}@media (width < 759px){.projects{padding:0 4rem}}@media (width < 1441px){.projects{padding:0 4rem}}.projects:after{content:"";position:absolute;inset:-20px;background-color:#454545;z-index:-1;filter:blur(10px);border-radius:inherit}.projects-container{display:flex;flex-direction:column;padding:90px 0;align-items:center;width:926px}@media (width < 759px){.projects-container{padding:40px 0}}.projects-title{color:#fff;display:flex;justify-content:space-between;padding:1rem 0;width:926px}@media (width < 480px){.projects-title{padding:0 2.3rem;align-items:center;width:100%}}@media (width < 960px){.projects-title{width:100%;padding-top:2rem}}.projects-title p{font-size:1.1rem}.projects-title h1{font-size:3rem}@media (width < 759px){.projects-title h1{font-size:2.2rem}}.projects-folder{display:flex;gap:2rem}@media (width < 480px){.projects-folder{gap:.7rem}}.projects-folder a{display:flex;flex-direction:column;text-decoration:none;gap:.5rem;transition:.3s}.projects-folder a img{height:3.5rem;align-self:center;filter:grayscale(100)}@media (width < 759px){.projects-folder a img{height:3rem}}.projects-folder a p{align-self:center;color:#fff;font-size:1rem;text-align:center}@media (width < 759px){.projects-folder a p{font-size:.8rem}}.projects-folder a:hover{filter:brightness(115%);transition:.3s;transform:translateY(-.2rem)}.projects-grid{padding-top:1.1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:auto;gap:30px}@media (width < 759px){.projects-grid{gap:0}}.project-card{width:448px;background-color:#e5e5e5;padding:0 20px;transition:.2s;filter:grayscale(100)}.project-card:hover{scale:102%;transition:.2s;transform:rotate(-.6deg);filter:grayscale(0)}@media (width < 759px){.project-card{scale:80%}.project-card:hover{scale:82%}}.project-card-content{display:flex;gap:12px;padding:24px 0}.project-image{background-color:#000;width:100%;height:160px;overflow:hidden;transition:.3s}.project-image img{width:100%;height:100%;object-fit:cover;object-position:center}.punchholes{display:flex;flex-direction:row;justify-content:space-evenly;padding:12px 0;border-bottom:1.5px dashed #b6b6b6}.punchhole{width:12px;height:12px;background-color:#454545;border-radius:200px}.project-card-text{display:flex;flex-direction:column;justify-content:space-between;width:120%}.project-card-text a{color:#454545;text-decoration:none;font-weight:600;transition:.3s;display:flex;height:1rem;gap:.3rem;justify-content:left;fill:#454545}.project-card-text a:hover{color:#9f9f9f;transition:.3s;fill:#9f9f9f}.project-card-text h3{padding-bottom:6px}.project-card-text svg{width:1rem}.footer{width:100vw;height:56px;padding:0 2rem;background-color:#cfcfcf;display:flex;justify-content:space-between;align-items:center;z-index:100;position:relative;font-size:1.1rem}@media (width < 759px){.footer{height:48px}}.footer>p{color:#454545}@media (width < 759px){.footer>p{font-size:1rem}}.icons{display:flex;flex-direction:row;gap:1rem}.icons svg{width:2rem;height:2rem;fill:#454545;transition:.3s}.icons svg:hover{opacity:80%;transition:.3s;scale:108%}@media (width < 480px){.icons{gap:.5rem}.icons svg{width:1.5rem;height:1.5rem}}.footer-heart{transition:.3s}.footer-heart:hover{color:#fff;filter:drop-shadow(0 0 .1rem white);transition:.3s}.design{width:85vw;margin:auto;padding:calc(54px + 1rem) 0 1.5rem;display:flex;gap:2rem;flex-direction:column;overflow-x:hidden}@media (width < 756px){.design{width:90vw}}.design-title{display:flex;color:#454545;flex-direction:column;align-items:center}.design-title-main{margin:auto;padding-top:2rem;display:flex;align-items:center;flex-direction:column}.design-title-main img{height:3rem}@media (width < 481px){.design-title-main img{align-self:center}}@media (width < 756px){.design-title-main{text-align:center;padding:1rem 4rem 0}}.artCard{display:flex;flex-direction:column;gap:.5rem;transition:.3s}.artCard img{display:flex;height:20rem}.artCard p{color:#454545}.artCard:hover{transform:translateY(-.2rem);transition:.3s}@media (width < 759px){.artCard{align-items:center;max-width:90vw;scale:90%}}.design-grid{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:15px}@media (width < 759px){.design-grid{gap:0}}