.l-header{background-color:#0f0f0f;color:#fff;padding:16px 24px}.l-header__container{align-items:center;display:flex;justify-content:space-between}.l-header__logo h1{font-size:1.5rem}.l-header__nav-list{display:flex;gap:20px;margin:0}.l-header__nav-link{color:#fff;padding-bottom:2px;position:relative;text-decoration:none}.l-header__nav-link:before{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s;width:100%}@media(hover:hover)and (pointer:fine){.l-header__nav-link:hover:before{transform:scaleX(1);transition:transform .3s}}@media screen and (max-width:600px){.l-header{padding:16px}.l-header__nav{display:none}}.l-footer{background-color:#0f0f0f;padding:0 0 24px}.l-footer ul{margin:0}.l-footer a{color:#fff;display:block;text-align:right;text-decoration:none}