@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");body{font-family:Roboto,Arial}.gauge-container{margin-left:15%;padding:1em;display:grid;grid-template-columns:50% 50%;grid-template-rows:2em 25% 25%;grid-gap:2em;gap:2em}.jauge{grid-column:1;grid-row:2/3;margin:1em}.gauge-svg{width:90%;margin-left:1em;overflow:visible;padding:.5rem}.boxes{background:linear-gradient(#6bd0f1,#9198e5)}.boxes,.boxes_dark{padding:1.5em;border-radius:2em;margin:1em;color:#fff;width:60%;font-family:Roboto}.boxes_dark{background:linear-gradient(#224b75,#623c9e)}.title-container{margin-left:30%}.nav-container{grid-template-columns:91% 9%;display:grid;align-items:center}.limit-val{color:#fd1973;font-weight:600}.affluence,.limit-val{font-size:20px}.img{width:100px;height:100px}@media only screen and (max-width:500px){.nav-container{margin-top:-1em}.affluence,.limit-val{font-size:10px}h1{font-size:1em}.jauge{padding:0;margin-top:-5em;margin-bottom:-6em}.gauge-svg{width:60%;margin-left:4em;padding:0}.title-container{width:83%;margin-left:2em}.nav-container{grid-template-columns:80% 10%}.box-container{font-size:.6em;margin-bottom:-10em}.boxes,.boxes_dark{width:60%;padding:1em;margin:.5em .5em .5em 20%;text-align:center}.gauge-container{display:inline;margin:0}}@media only screen and (min-width:501px) and (max-width:1000px){.title-container{margin-left:0}.nav-container{grid-template-columns:80% 20%}.box-container{grid-row:3;display:grid;grid-template-columns:1fr 1fr 3fr;font-size:.5em;grid-gap:1em;gap:1em}.boxes,.boxes_dark{width:80%}.gauge-container{display:inline;margin:0}}.user_card{background:linear-gradient(#e51783,#7758d0)}.user_card,.user_card_dark{height:400px;width:300px;margin-top:15%;display:flex;justify-content:center;flex-direction:column;padding:10px;border-radius:15px}.user_card_dark{background:#0e2f39}.form_container .login_btn{color:#8a4dc3!important}.form_container .login_btn,.form_container .login_btn_dark{width:80%;border-radius:10em!important;background:#fff!important;margin-top:2em;cursor:pointer;font-family:Roboto}.form_container .login_btn_dark{color:#0e2f39!important}.form_container .login_btn:focus{box-shadow:none!important;outline:0!important}.form_container .login_container{padding:0 2rem}.form_container .input_pass,.form_container .input_user{background:transparent;color:#fff!important;border:0;border-bottom:1px solid #fff;border-radius:0;text-align:center;font-family:Roboto}.form_container .input_pass:focus,.form_container .input_user:focus{background:transparent;outline:none!important}.form_container .input_pass::-moz-placeholder,.form_container .input_user::-moz-placeholder{color:#fff;text-align:center}.form_container .input_pass:-ms-input-placeholder,.form_container .input_user:-ms-input-placeholder{color:#fff;text-align:center}.form_container .input_pass::placeholder,.form_container .input_user::placeholder{color:#fff;text-align:center}.form_container .error{width:100%;margin-top:.25rem;font-size:.875em;color:#fff}