body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; /* или оставить как есть */
    height: 100vh; /* Полная высота экрана */
    width: 100vw; /* Полная ширина */
    justify-content: center;
    align-items: center;
    background-image: url('CastleHogwarts.jpg');/* Ваше изображение */
    background-size: cover; /* Масштабировать так, чтобы покрыть весь фон */
    background-position: center; /* Центрировать изображение */
    background-repeat: no-repeat;
    font-family: system-ui;
}

 

#month{
    color: white;
    font-size: 60px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#day{
    color: orange;
    font-size: 60px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#hour{
    color: yellow;
    font-size: 50px;
    text-align: center;
    font-family: 'Montserrat',sans-serif;
}
#year{
    color: red;
    font-size: 60px;
    text-align: center;
    font-family: 'Montserrat',sans-serif;
}