html {
    background-image: url("../assets/crystal.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

body {
    margin: 10px;
}

#main {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}

#pewds_desktop {
    position: relative;
}

#pewds_desktop > img {
    width: 60vw;
}

#pewds_mobile {
    width: 60%;
}

/* media stuff */
@media screen and (min-width: 800px) {
    #desktop {
        display: block;
    }

    #mobile {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    #desktop {
        display: none;
    }

    #mobile {
        display: block;
    }
}