footer.site {
    position: relative;
    min-height: 100vh;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 3%;
    padding-right: 3%;

    font-size: 0;

    color: #444444;
    background-color: #CCFF33;
    background: linear-gradient(to top, #ccff33 0%, #32ffd6 100%);
}

footer.site section {
    display: inline-block;
    margin: 2%;
    margin-bottom: 15%;
    width: 46%;

    font-size: 1rem;
}

footer.site h1 {
    margin-bottom: 1rem;

    font-family: "cholla-wide", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 3rem;

    color: transparent;
    background-image: linear-gradient(#e005ff, #05eda9);
    background-clip: text;
    -webkit-background-clip: text;
}

footer.site p {
    margin-bottom: 1rem;

    font-size: 1rem;

    color: #647896;
}

footer.site a {
    color: #222222;

    text-decoration: none;
}
footer.site a:hover {
    text-decoration: underline;
}

footer.site section.twitter div.panel {
    padding: 5%;
    border-radius: 6px;

    background: #333333;
}

footer.site section.twitter div.twitter_follow {
    margin-bottom:1em;
}


footer.site section.legal {
    margin-bottom: 0;
    margin-top: 5%;
    width: 96%;
}

footer.site section.legal p {
    font-size: 0.8rem;
}



@media only screen and (max-width: 414px) {

    footer.site section {
        width: 96%;
    }
}