body {
    background-image: 
        url('/images/backgrounds/nightCity.png'),
        linear-gradient(#2b319e 25%,#7f1735 25%,#7f1735 25%, #7f1735 25%);
    background-repeat: repeat-x;
    animation: 30s cubic-bezier(.27,0,.62,1) 0s infinite alternate fond;

    
    min-height: 100vh;
}

@keyframes fond {
    from {
        background-position: 0 -4px, 0 0;
    }
    to {
        background-position: 200% 4px, 0 0;
    }
}

main {
    font-family: Akt;
}

section {
    width: 860px; /* 900 - 40 for the paddings */
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    border: outset red 5px;
    background-image: 
         url('/images/backgrounds/dot.svg'),
        linear-gradient(#ffd, #ffc);
    background-size: 5px;
    background-repeat: repeat;
}
#now h1, #more h1 {
    text-align: center;
}

#now h1 {
    transform: rotate(7deg);
}
#more h1 {
    transform: rotate(-8deg);
}

section .text {
    padding-left: 10px;
    backdrop-filter: blur(1px);
    border-radius: 10px;
}
.text h2 {
    padding-left: 10px;
}