html,body{
    height     : 100%;
    margin     : 0;
    text-align : center;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

#maintenance{
    min-height    : 100vh;
    display       : flex;
    flex-direction: column;
    padding       : 16px;
    box-sizing    : border-box;
}

#maintenance .logo img{ 
    max-width: 220px;
}

.links img{
    height:48px;
}

.links a {
    text-decoration: none;
}

p{ 
    margin: 6px 0; 
}

.links{ 
    margin: 64px; 
}

.legalities{
    margin-top      : auto;
    display         : flex;
    justify-content : center;
    gap             : 12px;
    width           : 100%;
    padding         : 12px 0 0;
    border-top      : 1px solid rgba(0,0,0,0.05);
}
@media (max-width: 640px){
    #maintenance .logo img{ max-width: 160px }
    .icon img{ height:40px }
    h1{ font-size: 20px }
}