@font-face{font-family:"Prompt";src:url("../fonts/prompt/Prompt-Light.ttf") format("truetype")}@font-face{font-family:"PromptLight";src:url("../fonts/prompt/Prompt-ExtraLight.ttf") format("truetype")}body{font-family:"Prompt",sans-serif;xheight:100vh;display:flex;opacity:0;transition:opacity 3s}html{background:url("../images/lehdet_iso.jpg") no-repeat center top fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#9ab782;height:-webkit-fill-available;animation:fadeIn 2s;-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;-o-animation:fadeIn 2s;-ms-animation:fadeIn 2s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.container{xxposition:absolute;xxtop:0;bottom:0;left:0;right:0;margin:auto;width:100%;xxheight:50vh}.element{display:grid;top:0;bottom:0;left:0;right:0;margin:auto;padding:20px;height:fit-content;opacity:1;background-color:rgba(46,100,0,.85);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0px 0px 18px 0px rgba(0,0,0,.76);-webkit-box-shadow:0px 0px 18px 0px rgba(0,0,0,.76);-moz-box-shadow:0px 0px 18px 0px rgba(0,0,0,.76)}.login input{width:95%;float:left;clear:both;height:40px;margin:10px 0;padding-left:5%;border:none;color:#888;opacity:.95;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,.65);box-shadow:0px 2px 5px 0px rgba(0,0,0,.65)}.login button{width:100%;float:left;clear:both;height:40px;border:none;margin-top:10px;color:#fff;background-color:#3fbc3f;text-transform:uppercase;-webkit-box-shadow1:0px 5px 7px 0px rgba(0,0,0,.15);box-shadow:0px 5px 7px 0px rgba(0,0,0,.15);cursor:pointer;box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,.17)}textarea:focus,input:focus{outline:none}.login button:hover{background-color:#1b841b;color:#fff;-webkit-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;transition:background-color 500ms linear}.info_text{float:left;width:100%;display:block;padding:5px;color:#fff}.register{margin:20px 0 0 5px;float:left;width:100%;display:block;padding:0;color:#dcdcdc}.register a{color:#fff}.register a:hover{color:#fff}.login_container{display:block}.register_container{display:none}.password_lost_container{display:none}::placeholder{color:#888;opacity:1}:-ms-input-placeholder{color:#888}::-ms-input-placeholder{color:#888}.element h1{font-family:"PromptLight",sans-serif;text-transform:uppercase;margin:0;font-size:60px;text-align:center;color:#fff;font-weight:100;text-shadow:2px 4px 5px rgba(0,0,0,.3),0px -4px 10px rgba(255,255,255,.3)}.pete_dot{position:absolute;bottom:10px;left:10px;display:inline-block;width:30px;height:30px;border-radius:50%;background-color:#000;border:1px solid #000;box-shadow:inset 0 0 0 2px #303030;line-height:30px;text-align:center;font-size:12px;color:#303030}.vignette{xxposition:fixed;top:0;left:0;width:100%;height:100%;box-shadow:0 0 200px rgba(0,0,0,.9) inset}@media(min-width: 340px){.element{width:80%}.element h1{font-size:40px}}@media(min-width: 640px){.element{width:80%}.element h1{font-size:40px}}@media(min-width: 768px){.element{width:400px}.element h1{font-size:50px}}@media(min-width: 1024px){.element h1{font-size:60px}}