.header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px 0;color:#3a3a3a;position:fixed;border-bottom:solid 1px #f0f0f0;top:0;z-index:9999;width:100%}.logo{font-size:24px;font-weight:700}.nav{display:flex;margin-right:20px}.nav ul{display:flex;list-style:none;padding:0;margin:0}.nav li{margin:0 10px}.nav a{color:#353535;text-decoration:none;font-size:16px;transition:.1s all}.nav a:hover{opacity:.6}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer;margin-right:20px;z-index:9999}.hamburger .bar{height:3px;background-color:#242424;border-radius:5px}@media screen and (max-width: 1080px){.nav a{font-size:13px}}@media screen and (max-width: 980px){.nav a{font-size:12px}.nav{display:none;width:100%;text-align:center;position:fixed;top:0;right:0;background-color:#fff;height:100vh;transform:translate(100%);transition:transform .3s ease-in-out;z-index:1000}.nav.open{display:block;transform:translate(0)}.nav ul{flex-direction:column;margin-top:60px}.nav li{margin:20px 0}.hamburger{display:flex}}body{margin:0}