.fixed-menu{position:fixed;z-index:10;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.menu-container{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);width:75%;max-width:400px;position:relative}.menu-container button.close-menu{position:absolute;top:.5rem;right:.5rem;color:#4b5563;font-size:1.25rem}.menu-container ul{display:flex;flex-direction:column;gap:1rem;text-align:center}.menu-container ul li a{font-size:1.125rem;text-decoration:none;color:inherit;transition:text-decoration .2s}.menu-container ul li a:hover{text-decoration:underline}.container{display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.fixed-menu{display:none}.desktop-menu{display:flex;justify-content:center;align-items:center;gap:2rem}.desktop-menu ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.desktop-menu ul li a{transition:color .2s}.chat{display:flex;margin:0}.chat-btn{box-shadow:none;transition:all .2s}.chat-btn:hover{box-shadow:1px 2px 0 #000;transition:all .2s;transform:scale(1.05)}.container{display:flex;flex-direction:row;justify-content:space-around;width:100vw;height:100vh;padding:0 0 15rem}.container-text{text-align:left}.container h1{font-size:8rem}.container h2{font-size:7rem}.container p{width:33rem;font-size:1.2rem}.container-img{transition:all .2s;width:30rem;height:30rem}.container-img:hover{transition:all .2s;transform:scale(1.05)}.tools-main{display:flex;justify-content:center}.tools{display:flex;flex-direction:row;align-items:center;width:60rem;padding:3rem;border-radius:20px}.tools-text{width:30rem}.tools-text h1{font-size:2rem}.tools-text p{font-size:1.1rem}.figma-img,.next-img,.notion-img,.tail-img{width:5rem;height:5rem}.projects{padding:4rem}.projects-text{gap:2rem}.projects-text h1{font-size:3rem}.projects-text p{font-size:1.2rem}.projects a,.projects a:hover{transition:all .2s}.projects a:hover{transform:scale(1.05)}.projects img{transition:all .2s}.projects img:hover{transition:all .2s;transform:scale(1.1)}.contact-img{transition:all .2s}.contact-img:hover{transition:all .2s;transform:scale(1.1)}.contact p{width:50rem}.footer{justify-content:space-around}.footer,.footer-links{display:flex;flex-direction:row}.footer-links{gap:2rem}}