.percentage-line{position:absolute;width:98%;height:5px;top:0;z-index:2}.percentage-line::-webkit-progress-value{background-color:#fff}*{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:20px}.footer{background-color:#34495e;color:#ecf0f1;padding:20px 0;text-align:center;font-size:.9rem;box-shadow:0 -2px 5px #0000001a;width:100%;margin-top:auto}.footer a{color:#f39c12;text-decoration:none;margin:0 10px;font-weight:500;transition:color .3s ease}.footer a:hover{color:#e67e22}.footer p{margin-top:10px;font-size:.8rem}@media (max-width: 600px){.footer{padding:15px}.footer a{font-size:.9rem}}