body {
    /*For Fireplace*/
    /*background-image: url("fireplace.png");
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;*/
    /*background-color: #52527c;*/
    background-color: #52527c;
    /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to left, #4568DC, #B06AB3);*/
    /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to left, #4568DC, #B06AB3);*/
    /*W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

p {
    font-family: 'Share Tech Mono', monospace;
    color: white;
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
}

.center {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 25px;
}

.logo {
    width: 100px;
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow(1px 13px 22px rgba(0, 0, 0, 0.17));
    filter: drop-shadow(1px 13px 22px rgba(0, 0, 0, 0.17));
}

input[type=text] {
    border-radius: 6px;
    padding: 10px;
    margin: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid white;
    font-family: 'Share Tech Mono', monospace;
    font-size: 8pt;
    color: white;
    background-color: transparent;
    width: 152px;
}

input::placeholder {
  color: white;
}

input[type=text]:hover {
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(213, 216, 224, 0.7);
    -moz-box-shadow: 0px 0px 30px 0px rgba(213, 216, 224, 0.7);
    box-shadow: 0px 0px 30px 0px rgba(213, 216, 224, 0.7);
    color: black;
    background-color: white;
}

button[type=submit] {
    text-transform: uppercase;
    border-radius: 6px;
    padding: 10px;
    margin: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid #7bcdcc;
    font-family: 'Share Tech Mono', monospace;
    font-size: 8pt;
    color: #7bcdcc;
    background-color: transparent;
    width: 50px;
}

button[type=submit]:hover {
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(123, 205, 204, 0.7);
    -moz-box-shadow: 0px 0px 30px 0px rgba(123, 205, 204, 0.7);
    box-shadow: 0px 0px 30px 0px rgba(123, 205, 204, 0.7);
    cursor: pointer;
    color: white;
    background-color: #7bcdcc;
}

iframe {
    width: 800px;
    height: 1400px;
    -moz-transform: scale(0.375, 0.375);
    -webkit-transform: scale(0.375, 0.375);
    -o-transform: scale(0.375, 0.375);
    -ms-transform: scale(0.375, 0.375);
    transform: scale(0.375, 0.375);
    transform-origin: top center;
    -webkit-filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, .2));
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, .2));
    -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;
}

.icenter {
    width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.desktop-info {
    position: relative;
    top: -850px;
    text-align: center;
    font-family: 'Share Tech Mono', monospace;
    font-size: 12pt;
}

.button-container {
    position: relative;
    top: -850px;
    text-align: center;
}

.download-button {
    padding: 10px;
    margin: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid white;
    font-family: 'Share Tech Mono', monospace;
    font-size: 10pt;
    color: white;
    text-decoration: none;
    width: 100px;
    display: inline-block;
}

.download-button:hover {
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(213, 216, 224, 0.7);
    -moz-box-shadow: 0px 0px 30px 0px rgba(213, 216, 224, 0.7);
    box-shadow: 0px 0px 30px 0px rgba(213, 216, 224, 0.7);
    color: black;
    background-color: white;
}

@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; }
}