#warnings-background{display:none;position:fixed;background-color:rgba(50,50,50,.6);top:0;left:0;width:100%;height:100%}#coin-frame{position:fixed;top:100%;right:0;color:#daa520;text-align:center;border:1px solid red;width:100px;height:100px}#coin-frame #coin-message-holder{text-align:inherit;position:absolute;top:0;left:0;width:100%}#coin-frame #coin-amount-holder{position:absolute;text-align:inherit;bottom:0;left:0;width:100%}#coin-frame .coin-image{width:50px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#register-button:hover #test-thing{top:-20px}.my-template{display:none}.full-height{height:100%}#user-register-button{position:absolute;right:30px;top:0;color:#fff}.sample-problem-link{text-decoration:none;color:#87ceeb}.sample-problem-link:hover{text-decoration:none;color:navy}#welcome-background{background:url(/images/background.jpg) no-repeat 50%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;height:300px;background-size:cover;font-size:16px}#welcome-background .container{position:relative}.home-video{background:#eee}*{font-family:Verdana}button:focus{outline:none;outline:0}.heading{color:#fff;text-shadow:2px 2px 2px #000;text-align:center}.heading h1{font-size:48px}input:focus{-webkit-appearance:normal;-moz-appearance:normal;appearance:normal;box-shadow:none;outline:0}.centered{position:absolute;top:50%;width:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}.centered.centered-left{left:0}.centered.centered-right{right:0}#welcome-holder{color:#fff;text-shadow:2px 2px 2px #000}#welcome-holder a{margin-top:10px}#welcome-holder h1{font-size:48px;margin-top:0}#welcome-holder h2{font-size:24px}#taiken-nyugaku-link{position:absolute;right:20%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);font-size:24px;color:#ff0;padding:5px 15px;border:1px solid #ff0;border-radius:5px;text-align:center}#taiken-nyugaku-link:hover{text-decoration:none}.section-padding{margin:25px 0}.registration-font-size{font-size:16px}#login-report{color:#dc0000;font-size:12px;text-align:center;width:95%}.login-input{border:1px solid #ccc;border-radius:0;font-weight:lighter;color:#666;height:30px;width:100%}#myNavbar{background-color:hsla(0,0%,100%,.5)}#login-box{display:inline-block;visibility:hidden;position:relative;background-color:hsla(0,0%,100%,.9);overflow:hidden;text-align:center}.login-box-text{font-size:12px;color:#666}#login-box-touroku-button{font-size:12px;padding-top:10px;display:inline-block}#login-box-touroku-button:hover,#login-box-touroku-button:visited{text-decoration:none}.login-box-button{border-radius:0;background:none;border:none;height:22px;margin-top:15px}.explanation{text-align:center;color:#818282;line-height:200%}#sample-section{float:left}#sample-section h1,.explanation h1{margin-bottom:20px}#register-button{text-align:center;letter-spacing:.1em;position:relative;overflow:hidden}#register-button:after{content:">";color:#00b2a9}#register-button a{text-decoration:none;color:#00b2a9}.youtube-holder{margin-bottom:30px;overflow:auto}.game-explanation-text h3,.game-explanation-text p{color:#818282;margin-top:0;margin-bottom:10px}#video-header{text-align:left}.quick-link:hover{text-decoration:none}a.quick-link div{background:none;box-shadow:none;color:#818282;padding-top:10px;padding-bottom:10px;margin-bottom:20px}a.quick-link:hover div{background:none}#logout-message{background-color:hsla(0,0%,100%,.4);padding:5px 15px;display:inline-block}.password-wrong{background-color:#ffe6e6;color:red}.password-correct{color:green;background-color:#dfd}#login-gray-background{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.4)}#login-white-box{position:absolute;padding-top:20px;padding-bottom:20px;top:50%;left:50%;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}#login-form{padding:5px 0}#login-form .login-input-holder{display:inline-block;position:relative;margin-bottom:15px;width:100%}#login-form .logging-in-message{display:none;position:absolute;top:100%}#login-form.logging-in .logging-in-message{display:inline-block}#login-form label{font-weight:lighter;font-size:12px;color:#666}#login-form #auto-login-checkbox-stuff{white-space:nowrap;color:#fff}#login-form #auto-login-checkbox-stuff label{color:inherit}#login-form #auto-login-checkbox-stuff input[type=checkbox]{margin-right:5px}#preparing-login{background:#fff;margin:15px 0;padding:10px;color:#999;text-align:center}#login-stuff-holder{position:relative;overflow:auto}#login-buttons-box{z-index:100}#login-buttons-box .login-button{z-index:100;width:100%;background-color:#fff;color:#00918a;text-align:center;border:1px solid hsla(0,0%,100%,.3);margin:15px 0 25px;padding:10px}#close-login-box{position:absolute;right:2px;top:2px;height:20px;width:20px;border-radius:20px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);background:#444;color:#fff;border:1px solid #fff;box-sizing:border-box}#close-login-box span{position:absolute;text-align:center;width:calc(100% + 4px);color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}#login-submit-button{position:relative;float:right}#login-submit-button #login-loading-gif{display:none;position:absolute;left:120%}@media (max-width:768px){.youtube-holder{text-align:center;margin-bottom:70px}#welcome-background{padding-bottom:0;text-align:center;height:400px}.centered{top:inherit;width:100%;-webkkit-transform:none;-webkit-transform:none;transform:none;-ms-transform:none;position:relative;padding:30px 0}.centered-left{-webkit-transform:translateY(20%);transform:translateY(20%);-ms-transform:translateY(20%)}#login-stuff-holder .login-input-holder{margin-bottom:5px}#login-stuff-holder #inputs-holder{padding:none}#login-stuff-holder label{text-align:center;margin-left:15px}.youtube-holder:after{content:"";font-size:1px;background-color:#818282;padding:0 25%}#video-header{text-align:center}#login-submit-button{width:calc(100% - 30px);float:none}.login-input{position:relative;width:calc(100% - 30px);margin-right:inherit}#login-form{text-align:center}#login-form button,#login-form input{margin-top:5px;margin-bottom:5px}#login-box input.login-input{width:90%}#taiken-nyugaku-link{top:auto;right:auto;bottom:10%;left:50%;width:80%;-webkkit-transform:translate(-50%);-webkit-transform:translate(-50%);transform:translate(-50%);-ms-transform:translate(-50%)}}@media (max-width:568px){#welcome-background{padding-bottom:0;text-align:center}#welcome-holder h1{margin-bottom:10px}#login-box{display:inline-block}}@media (min-width:1200px){.narrow-container{max-width:970px}}