.buttons{display:flex;justify-content:space-around;width:100%;height:2.5rem;margin:1rem 0}.buttons .button{all:unset;cursor:pointer;background-color:var(--button-background-color);display:inline-block;text-align:center;border-radius:10px;transition:box-shadow .3s,scale .3s;font-weight:600;padding:0;flex-grow:.4;max-width:30rem;border:1.5px solid var(--button-background-color-highlight)}.buttons .button:hover{box-shadow:2px 2px 15px -2px var(--button-background-color-highlight);scale:1.01}.button{all:unset;cursor:pointer;background-color:var(--button-background-color);display:inline-block;text-align:center;border-radius:10px;transition:box-shadow .3s,scale .3s;font-weight:600;align-self:center;max-width:30rem;min-width:5rem;width:fit-content;padding:10px 20px;margin:1rem;border:1.5px solid var(--button-background-color-highlight)}.button:hover{box-shadow:2px 2px 15px -2px var(--button-background-color-highlight);scale:1.01}form input,form select{width:70%;height:50px;margin:20px 0;border:2.5px solid var(--text-color-highlight);line-height:50px;font-size:1rem;padding:0 10px;transition:box-shadow .3s,scale .3s,border .2s,background-color .3s;border-radius:5px}form textarea{min-width:70%;width:70%;height:10rem;font-size:18px;padding:.5rem;border-radius:5px}form input:focus,form select:focus,form textarea:focus{border:4px solid var(--text-color-highlight);background-color:var(--input-background-color-highlight);outline:none}form .password-div{line-height:50px;position:relative}form .password-div i{position:absolute;top:50%;left:200px;cursor:pointer;font-size:1.5rem;transform:translateY(-50%)}form .password-div i.fa-eye-slash{left:198px}@media(max-width: 399px){form .password-div{width:100%}form .password-div i{left:87%}form .password-div i.fa-eye-slash{left:86.5%}}@media(min-width: 400px){form input,form select{width:270px}form textarea{width:270px}form .password-div i{left:282px;font-size:2rem}form .password-div i.fa-eye-slash{left:280px}}@media(min-width: 1200px){form input,form select{width:350px;height:45px;margin:10px;line-height:45px}form textarea{width:350px}form .password-div{line-height:45px}form .password-div i{left:372px}form .password-div i.fa-eye-slash{left:370px}}.validation-message{margin:0px 20px 20px}.validation-message p{transition:all .3s ease;height:auto;opacity:1;margin:5px 0;color:var(--text-color-warning);font-size:1rem;font-weight:bold}.validation-message p.hidden{opacity:0;height:0;margin:0;padding:0}.validation-message p::before{position:relative;left:-15px;content:"✖"}a{text-decoration:none;color:var(--text-color)}div .flex-row{display:flex;width:100%}div .flex-row .col-100{width:100%}div .flex-row .col-90{width:90%}div .flex-row .col-85{width:85%}div .flex-row .col-80{width:80%}div .flex-row .col-75{width:75%}div .flex-row .col-70{width:70%}div .flex-row .col-66{width:66%}div .flex-row .col-60{width:60%}div .flex-row .col-50{width:50%}div .flex-row .col-45{width:45%}div .flex-row .col-40{width:40%}div .flex-row .col-33{width:33%}div .flex-row .col-30{width:30%}div .flex-row .col-25{width:25%}div .flex-row .col-20{width:20%}div .flex-row .col-15{width:15%}div .flex-row .col-10{width:10%}h1{color:var(--text-color-highlight);font-family:"Coiny",system-ui;font-size:3rem;font-weight:900;margin:2rem}h2{color:var(--text-color-highlight);font-family:"Coiny",system-ui;font-size:2.5rem;font-weight:800;margin:1.75rem}h3{color:var(--text-color-highlight);font-size:2rem;font-weight:700;margin:1.5rem}h4{color:var(--text-color-highlight);font-size:1.5rem;font-weight:600;margin:1.25rem}.hidden{display:none}fieldset{border:2.5px solid var(--text-color-highlight);border-radius:15px;margin:1rem}fieldset legend{background-color:var(--button-background-color-highlight);color:var(--soft-white);font-size:1.2rem;font-weight:550;margin:0 auto;border-radius:15px;padding:0rem 2rem;line-height:2.5rem}i.material-icons{font-size:36px}