style.css

.marvel-device.ipad {
    width: 80%;
    height: auto;
    margin: auto;
    min-height: 50vh;
    display: block;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
     -ms-animation: fadein 2s; /* Internet Explorer */
      -o-animation: fadein 2s; /* Opera < 12.1 */
         animation: fadein 2s;
}
.marvel-device .screen {
    height: auto;
}
.screen img {
    width: 100%;
    height: auto;
}

body {
    font-family: 'PT Serif', serif;
    min-height: 100vh;
    padding: 10px;
}

/* .tsd-info {
    text-align: center;
    position: relative;
} */

.tsd-info {
    /* font-weight: bold; */
}

.tsd-info h1 {
    color: #aa0000;
}

.tsd-btn-container {
    /* position: absolute; */
    /* bottom: 10px; */
}

.tsd-blurb {

    background: #eee;
    padding: 10px;
    border-top: 1px solid #aa0000;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.tsd-button {
    font-family: Open Sans,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    border: none;
    border-radius: 0;
    background-color: #8c1515;
    color: #fff;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    outline: 0;
    -webkit-appearance: none;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}