/***** BASICS *****/

    body {
        margin: 0;
        background-image: url(/backgrounds/pool.jpg);
        background-size: cover;
        background-color: #62796e;
    }

    @font-face {
        font-family: fake receipt;
        src: url(/fonts/Fake\ Receipt.otf);
    }

    @font-face {
        font-family: story book;
        src: url(/fonts/Storyboo.TTF);
    }

/***** LAYOUT *****/

    .container {
        background-image: url(/backgrounds/ipod.jpeg);
        border: 2px ridge palegoldenrod;
        border-radius: 15px;
        width: 500px;
        max-height: 550px;
        filter: drop-shadow(2px 2px 2px gray);
        padding: 15px;
        margin: 0 auto;
        margin: 50px auto;
        margin-top: 115px;
    }

    img {
        transition: all 0.3s;
        width: 200px;
        height: 200px;
    }

    img:hover {
        transform: rotate(7deg);
    }

    h1, h2, p {
        font-family: fake receipt;
        text-align: center;
    }

    h1 {
        text-align: center;
        font-size:2.4em;
        font-weight:bold;
        word-spacing: -5px;
        font-family: story book;
    }

    h2 {
        font-family: story book;
    }

    a {
        font-family: story book;
        color: peru;
        font-size: 2.5em;
    }

    hr {
        border-top: palegoldenrod 2px ridge;
    }