* {
    font-family: 'Monster Font';
}

/* Default: desktop */
body {
    background-image: url('../images/backgrounds/Rare Shellbeat Teaser - Phone.jpg');
    background-size: cover;
    background-position: center;
    text-align: center;
    background-color: #E9E2D3;
    color: rgb(33, 35, 146);
    overflow-x: hidden;
}

/* For phones: zoom in a bit */
@media (max-width: 600px) {
    body {
        background-size: 150%;
        /* zooms in slightly */
        background-position: top center;
    }
}

/* Font Face */
@font-face {
    font-family: 'Monster Font';
    src: url('fonts/OpenDyslexic-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Title Styles */
#title {
    text-align: center;
    background: linear-gradient(to bottom, lightgreen, rgb(245, 189, 84));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px black;
}