@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @keyframes anim{ from{ opacity: 0; scale: 0.5; /* clip-path: inset(100% 100% 0); */ } to{ opacity: 1; scale: 1; /* clip-path: inset(0 0 0 0); */ } } body{overflow-x: hidden; padding: 0; margin: 0; width: 100vh; align-items: center; justify-content: center; height: auto; box-sizing: border-box; } nav{ justify-content: space-between; position:fixed; display: flex; height: 5rem; width: 100vw; align-items: center; background: rgba(0,0,0,0.1); z-index: 1000; } .nav-2{ display:flex; width:200vw; } .nav-2 h4{ display: flex; position: relative; align-items: center; border: 1px solid black; border-radius: 50px; transform: translateX(18.5rem); ...