@charset "UTF-8";

#content{position: absolute; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

h1 {display: inline-block; width:320px; height:auto; margin:0 auto;}
h1 {animation: h1 12s linear infinite;}
@keyframes h1 {0%   { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

h2{max-width:290px; margin:20px auto; }

.err{margin-top:30px; color:#ff7a7a;}

.code{font-family: 'PT Mono', monospace; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.50); margin-bottom:8px; padding: 0.4em 0.8em; width:200px; font-size:16px; font-size:1.6rem;}
.code:focus {border: 1px solid rgba(0, 0, 0, 0.32); box-shadow: none; outline: none;}

input[type="submit"] {border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration{display: none;}
input[type="submit"]::focus{outline-offset: -2px;}

input#btn001{display:block; margin:30px auto; padding:8px 32px; font-family: 'Montserrat', sans-serif; font-size:16px; font-size:1.6rem; border-style:none;}
input#btn001:hover{background:#ccc; color:#666;}

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

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