html, body {
    margin: 0;
    padding: 0;
    background-color: #aaa;
}
.relogio{
   height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.display{
   background-color: #171824;
   width: 300px;
   height: 200px;
   text-align: center;
   line-height: 200px;
   border-radius: 10px;
   color: #fff;
   font-size: 7rem; /* cada rem é 16px, ou seja 16 por 7 */
   font-family: "Qahiri", sans-serif;
   border: 10px solid #ffd523;
}
footer{
    font-size: 2rem;
    margin-top: 15px;
    color: #272626;
    font-family: "Barlow Condensed", sans-serif;
}