html,body{margin:0;padding:0;font-family:"Roboto", sans-serif;width:100%;min-height:100%;font-size:10px}header{height:15vh}#container{min-height:75vh}footer{height:10vh;background-color:black}@scope (#main){a{text-decoration:none;font-style:italic;color:black;margin:0 0 3rem 0;padding:0;position:relative}a::before{position:absolute;content:"";top:100%;left:0;width:15%;height:0.2rem;background-color:black}a:hover::after{transform:scaleX(1);transform-origin:left}a::after{position:absolute;content:"";top:100%;left:0;width:100%;height:0.2rem;background-color:black;transform:scaleX(0);transform-origin:left;transition:transform 350ms}}