*{box-sizing:border-box;border-radius:10px;margin:0;padding:0}:root{--mainColor:#181818;--mainColorLight:#ff97bd;--secondaryColor:#ff317c;--textColor:#eee}header{background-color:var(--mainColor);max-width:80%;height:50px;color:var(--textColor);justify-content:center;align-items:center;margin-top:5%;margin-bottom:5%;display:flex}nav a{color:var(--textColor);margin:0 1rem;padding:15px;font-size:large;text-decoration:none}nav a:hover{color:var(--secondaryColor)}header div,nav{align-items:center;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;display:none}.hamburger .line{background-color:var(--textColor);border-radius:5px;width:100%;height:3px}@media only screen and (max-width:1024px){header .responsive_nav{transform:translateY(100vh)}nav a{font-size:1.5rem}.hamburger{display:flex}nav{background-color:var(--mainColor);flex-direction:column;width:100%;transition:transform .3s ease-in-out;position:absolute;top:50px;left:0;transform:translateY(-100%)}nav.responsive_nav{transform:translateY(0)}nav a{margin:1rem 0;font-size:1.2rem}}