@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{color:#faf4e4;background-color:#0b0b0b;font-family:Montserrat,sans-serif}.navbar{color:#fff;background-color:#141414;justify-content:space-between;align-items:center;padding:2rem 4rem;font-family:sans-serif;display:flex}.nav-logo{cursor:pointer;font-size:2rem;font-weight:700;transform:skew(-15deg)}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:#fff;text-align:center;border:1px solid #fff;border-radius:5px;width:200px;padding:5px;font-size:1.5rem;font-weight:400;text-decoration:none;transition:color .3s;display:inline-block;transform:skew(-15deg)}.nav-links a:hover{color:#4169e1;border:1px solid #4169e1}.hero-container{color:#faf4e4;background-color:#0b0b0b;border:1px solid #fff;border-radius:30px;flex-direction:column;align-content:center;align-items:center;max-width:800px;margin-top:100px;margin-left:auto;margin-right:auto;padding:50px;font-family:Montserrat,sans-serif;display:flex}.hero-text{text-align:center}.hero-content{text-align:center;max-width:80%;margin-top:10px}@media (width<=768px){.nav-links{display:none}.navbar{justify-content:center;padding:1.2rem 1rem}}