*{box-sizing:border-box}*{margin:0;padding:0}html,body{margin:0;padding:0;xxbackground:#e6e6cd}body{height:100vh;font-display:optional;font-weight:400;font-size:1em;font-style:normal;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}.page{min-height:100%;width:100%;padding:10px;font-size:1.2em;background-color:#e6e6cd;color:#5aa69d}.box{margin:0 auto;width:300px}.content{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;margin-top:20%;margin-bottom:40px}.content h1{text-transform:uppercase;margin:10px 0;font-weight:900;letter-spacing:5px;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1))}.page_logo{max-height:80px;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1))}#login,#register,#reset_password{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;display:none;width:100%}.login_form{width:100%}.content input{margin-bottom:10px;padding:4px;width:100%;border-radius:.25rem;border:1px solid #5aa69d;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.1);box-shadow:0px 0px 5px 0px rgba(0,0,0,.1);line-height:1em;font-size:.8em;padding:10px}.content input:focus{outline:none;border:1px solid #aaaa93}.input_area{color:#000;border:none}.submit_button{cursor:pointer;border:1px solid #5aa69d;background-color:#5aa69d;color:#fff;transition:all 500ms ease;text-shadow:1px 1px 1px rgba(0,0,0,.2);text-transform:uppercase;font-size:1em}.submit_button:hover{background-color:#4b8d85}.change_view{margin:10px 0 0 0;color:#333;padding:0;cursor:pointer;text-align:center;width:100%}.info_area{width:100%}#info_page{z-index:100;position:absolute;top:95%;width:70%;margin:0 15%;border-top:1px dashed #9ccac5;background-color:#e6e6cd}.info_button{background:#ff7a59;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;text-align:center;margin:-20px auto 10px auto;cursor:pointer;border:1px solid #5aa69d;background-color:#5aa69d;color:#fff;transition:all 500ms ease;text-shadow:1px 1px 1px rgba(0,0,0,.2);font-size:1.5em;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,.75);box-shadow:0px 2px 5px 0px rgba(0,0,0,.75)}.info_button p{cursor:pointer;text-align:center;width:100%}.info_button:hover{background-color:#4b8d85;border:1px solid #fff;-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,.75);box-shadow:0px 0px 2px 0px rgba(0,0,0,.75)}.info_page_container{display:none;width:90%;margin:0 5%;float:left;clear:both}.info_page{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal}.page_logo:hover{animation:shake .5s;animation-iteration-count:1}@keyframes shake{0%{transform:translate(1px, 1px) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(1px, -2px) rotate(-1deg)}}.page_logo_shake{animation:shake .5s;animation-delay:1s;animation-iteration-count:1}.copyright{margin-top:40px;margin-bottom:40px;text-align:center;width:100%;height:100%}.info_area{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal}.info_area_logo{margin:20px;display:block;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:flex-start;order:0}.info_area_logo img{height:80px;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2))}.info_area p{line-height:1.4em;font-size:1.2em;font-weight:100}.news{margin-top:20px;display:flex}.news p{line-height:1.4em;font-size:1.2em;font-weight:100}.news ul{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;padding:0;margin:0;list-style:none}.news li{margin:5px 0px}.input_group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;xwidth:100%}.password_toggle img{width:25px;position:absolute;top:9px;right:10px;cursor:pointer}.login_message{color:#4b8d85;margin-bottom:10px;font-size:16px}h2{font-weight:100}.dot{height:5px;width:5px;background-color:#5aa69d;border-radius:50%;display:inline-block}@media(min-width: 1024px){.content{margin-top:30%}}@media(max-width: 800px){.box{width:90%}#info_page{width:90%;margin:0 5%}.flex-container{flex-direction:column}.info_area{flex-direction:column}.info_area_logo{align-self:center}.info_area_logo img{height:50px}}