html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

html {
    background: #3a3434;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 100;
    font-size: 18px;
    color: white;
}

h1, h2, h3, h4 {
    text-align: center;
    font-weight: normal;
    font-family: 'Alegreya', serif;
}

.linkButton {
    text-align: center;
    background-color: #67929b;
    text-decoration: none;
    color: #fcffff;
    font-family: 'Alegreya', serif;
    font-weight: normal;
    padding: 11px;
    width: 180px;
    border-radius: 8px;
    display: inline-block;
    margin: 10px;
    text-shadow: #111 1px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 4px;
    font-size: 18px;
    border: 0;
    cursor: pointer;
}

.linkButton:visited {
    color: #fcffff;
}

.linkButton:hover {
    color: #fcffff;
    background-color: #74a3ae;
}

.storeButton {
    text-align: center;
    background-color: #e6690e;
    text-decoration: none;
    color: #fcffff;
    font-family: 'Alegreya', serif;
    font-weight: normal;
    padding: 13px;
    width: 235px;
    border-radius: 8px;
    display: inline-block;
    margin: 13px 13px 40px;
    /*text-shadow: #111 1px 1px 3px;*/
    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 4px;
    font-size: 18px;
    border: 0;
    cursor: pointer;
}

.steamButton {
    /* background-image: url("../img/buttonSteam1.png"); */
    background-repeat: no-repeat;
    background-clip: padding-box;
    width: 330px;
    height: 89px;
    line-height: 87px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding-left: 70px;
    font-family: 'Alegreya', serif;
    font-weight: normal;
    text-shadow: #333 1px 1px 3px;
    color: #402020;
    font-size: 34px;
}
.steamButton:hover {
    /* background-image: url("../img/buttonSteam2.png"); */
    color: #402020;
}
.steamButton:visited {
    color: #402020;
}
.itchButton {
    /* background-image: url("../img/buttonItch1.png"); */
    background-repeat: no-repeat;
    background-clip: padding-box;
    width: 330px;
    height: 89px;
    line-height: 87px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding-left: 70px;
    font-family: 'Alegreya', serif;
    font-weight: bold;
    text-shadow: #fff 1px 1px 3px;
    color: #123;
    font-size: 30px;
}
.itchButton:hover {
    /* background-image: url("../img/buttonItch2.png"); */
    color: #123;
}
.itchButton:visited {
    color: #123;
}

.imageButtonText {

}


.smallText {
    font-size: 16px;
}

.storeButton:visited {
    color: #fcffff;
}

.storeButton:hover {
    color: #fcffff;
    background-color: #fb8b39;
}

a {
    color: #fff;
}

a:visited {
    color: #fff;
}

a:hover {
    color: #fff;
}

#copy {
    color: #828ba0;
}

/* Content */

.content {
    padding: 20px;
    background: #4b443e;
    border-top: 1px solid #9b9086;
    border-bottom: 1px solid #282625;
}

.contentInner {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.narrow {
    
    max-width:700px;
    margin:auto;
}

.legal {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}

.legal a, .legal a:visited {
    color: #a8a8a8;
}

.legal a:hover {
    color: #c9c9c9;
}


.termsLink {
    margin-top: 10px;
    font-size: 14px;
}

#footer {
    color: #a8a8a8;
    text-align: center;
}

#footer a, #footer a:visited {
    color: #a8a8a8;
    text-decoration: none;
}

#footer a:hover {
    color: #c9c9c9;
}

input[type=text], input[type=password] {
    width: 235px;
    padding: 10px;
}

@media screen and (min-width: 992px) {
}

@media screen and (max-width: 991px) {
    .linkButton {
        display: block;
        margin: 13px auto;
        width: 342px;
    }

    input[type=text], input[type=password] {
        width: 342px;
    }
}

.warning {
    color: #f3b6b5;
    font-weight: normal;
    font-family: 'Alegreya', serif;
    font-size: 24px;
}

.buttonExplain {
    display: block;
    max-width: 380px;
    font-style: italic;
    margin-top: 0;
}

.buttonWithExplanation {
    display: inline-block;
    max-width: 400px;
    cursor: pointer;
}

body:after {
    display: none;
    /* content: url("../img/buttonSteam2.png") url("../img/buttonItch2.png"); */
}