Weird Websites for a Post Social Media World

@keyframes wobble {
    from { rotate: -10deg;}
    to { rotate: 10deg;}
}

@keyframes colorchange {
    0% {
        background-color: blue;
    50% {
        background-color: red;
    }
    100% {
        background-color: blue;
    }
}

body {
    animation: colorchange 7s alternate-reverse
}

@media(max-width: 800px) {
    main {
        display:block;
    }
    section {
        margin: 0 auto;
    }
    h1 {
        font-size: 24pt;
    }
}