@font-face { font-family: block; font-style: normal; font-weight: normal; src: url(/fonts/nunito-600-normal.woff2) format('woff2'), url(/fonts/nunito-600-normal.woff) format('woff'); }
@font-face { font-family: block; font-style: italic; font-weight: normal; src: url(/fonts/nunito-600-italic.woff2) format('woff2'), url(/fonts/nunito-600-italic.woff) format('woff'); }
@font-face { font-family: block; font-style: normal; font-weight: bold; src: url(/fonts/nunito-700-normal.woff2) format('woff2'), url(/fonts/nunito-700-normal.woff) format('woff'); }
@font-face { font-family: block; font-style: italic; font-weight: bold; src: url(/fonts/nunito-700-italic.woff2) format('woff2'), url(/fonts/nunito-700-italic.woff) format('woff'); }
@font-face { font-family: round; font-style: normal; font-weight: normal; src: url(/fonts/varelaround-400-normal.woff2) format('woff2'), url(/fonts/varelaround-400-normal.woff) format('woff'); }
@font-face { font-family: fixed; src: url(/fonts/sourcecode-500-normal.woff2) format('woff2'), url(/fonts/sourcecode-500-normal.woff) format('woff'); }
@font-face { font-family: cwicon; src: url(/fonts/cwicon.woff) format('woff') }
html { width: 100%; height: 100%; margin: 0; padding: 0 }
body { margin: 0; padding: 0; background-color: #202020; color: #000000; font: normal normal normal 1.3vw block; background-image: url(/img/char14.jpg); background-size: contain; background-repeat: repeat }
img { border: 0 }
button { font: inherit; font-family: round; line-height: normal; background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); box-shadow: 0px 3px 2px 0 rgba(0,0,0,0.5); cursor: pointer }
button:active { outline: none; box-shadow: 0 4px 2px 0 rgba(0,0,0,0.5) inset }
button:disabled { background-color: #808080; border-color: #d0d0d0; color: #d0d0d0; cursor: default }
button:focus { outline: none !important }
button::-moz-focus-inner { outline: none; border: none }
form { margin: 0; padding: 0 }
input { font-family: inherit; outline: none }
select { font-family: block,sans-serif; outline: none }
a, a:visited { outline: none }
s { text-decoration: none; font: inherit; font-family: cwicon }
h1 { font-size: 2.2vw }
h2 { font-size: 110%; margin: 3ch 0 0 0 }
.bdout { background-color: #b0d0b0; border-radius: 1.4vw; padding: 2vw; margin: 1vw auto; background-image: url(/img/text31.jpg) }
.block { background-color: #e0e0e0; border: 2px solid #000000; border-radius: 1vw; overflow: hidden }
.bann { display: flex; justify-content: space-between; align-items: center; font-weight: bold }
.logo { height: 5vw; width: auto }
.bttn { font: normal normal normal 1.4vw round; border-radius: 6px; padding: 0.5ch 0 }
.primary { background-color: #208080; border: 1px solid #404040; color: #f0f0f0 }
.second { background-color: #c08040; border: 1px solid #404040; color: #f0f0f0 }
.warnb { background-color: #c00000; color: #f0f0f0 }
.warnf { color: #b00000 }
.foot { font: normal normal normal 1.2vw block; color: #d0d0d0; margin: 2vw 0 1vw 0; text-align: center }
@media (max-width: 479px) {
body { font-size: 3vw }
h1 { font-size: 5vw }
.logo { height: 13vw }
.foot { font-size: 3vw; margin-top: 6vw }
.bttn { font-size: 3vw }
}