footer ul,header nav,header nav ul{height:100%;width:100%}header,nav>ul{border-bottom:.1px solid #000}header{width:100%}header nav ul{display:flex;justify-content:space-between;align-items:center;background:#fff;list-style:none;padding:1rem 2rem}footer{padding:1.5rem 2rem;width:100%;color:#fff;background:#000;font-size:.8rem}footer>ul{display:flex;align-items:center;justify-content:space-between}footer img{transform:rotate(-90deg);height:2rem}nav li img{width:2rem;height:2rem}#burger-opened li{width:100%}#nav-top{position:relative;height:6rem}#logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Jomolhari,sans-serif;font-size:2.8rem;line-height:2rem}#logo span{font-size:1.5rem;font-weight:400}#burger-menu{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:1rem}#burger-menu div{height:.12rem;width:1.5rem;background:#111;transition:transform .3s,opacity .3s}#burger-menu.activated div:first-child{transform:translateY(.44rem) rotate(45deg)}#burger-menu.activated div:nth-child(2){opacity:0}#burger-menu.activated div:nth-child(3){transform:translateY(-.44rem) rotate(-45deg)}#burger-opened{width:100%;padding:0 2rem;max-height:0;overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:.5rem;transition:.4s ease-in-out}#burger-opened.activated{max-height:30rem;padding:1rem 2rem}#burger-opened li a{cursor:pointer;height:3rem;width:100%;display:flex;align-items:center;justify-content:space-between}#burger-opened li a:hover,#social-medias a:hover{text-decoration:underline}#burger-opened li a img{width:.5rem}#authors,#social-medias{width:10rem}#social-medias{text-align:right}#nav-right{display:flex;justify-content:center;align-items:center;gap:.5rem}#nav-right a,#nav-right button{border:none;border-radius:50%;padding:.5rem;background:#ddd;transition:transform .3s,box-shadow .3s}#nav-right a:hover,#nav-right button:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}