header{position:absolute;left:0;top:0;display:flex;width:100%;color:#165083;height:10vh;min-height:fit-content}header svg{display:inline-block}header p{text-transform:uppercase;font-family:"Courier New",Courier,monospace;font-optical-sizing:auto;font-size:5vw;font-weight:600;letter-spacing:.1rem;margin:auto 0}main{margin-top:calc(10vh + 10px);margin-bottom:7vh;height:fit-content;font-size:6vw}main h1{font-family:"Coiny",system-ui;font-optical-sizing:auto;font-size:10vw;color:#165083;margin-bottom:30px}form{display:flex;flex-direction:column;justify-content:center;align-items:center}form .password-div{font-size:2.5rem;line-height:50px;position:relative}form .password-div i{position:absolute;top:27%;left:280px;cursor:pointer}.btn{all:unset;cursor:pointer;background-color:#87beee;display:inline-block;margin:30px 0;text-align:center;border-radius:10px;transition:box-shadow .3s,scale .3s;font-weight:600;padding:0;font-size:24px}.btn:hover{box-shadow:4px 8px 35px 4px #165083;scale:1.02}.log-in-items{width:270px;height:50px;margin:20px 0;border:2.5px solid #165083;line-height:50px;font-size:4vw;padding:0 10px;transition:box-shadow .3s,scale .3s,border .2s,background-color .3s}input:focus{border:4px solid #165083;background-color:#c9e6ff;outline:none}.validation-message{margin:0px 20px 20px}.validation-message p{transition:all .3s ease;height:auto;opacity:1;margin:5px 0;color:#de5750;font-size:5vw;font-weight:bold}.validation-message p.hidden{opacity:0;height:0;margin:0;padding:0}.validation-message p::before{position:relative;left:-15px;content:"✖"}@media(min-width: 768px){.log-in-items{width:450px;height:60px}.btn{font-size:2rem;line-height:60px;border-radius:15px}p{font-size:2rem}form .password-div{line-height:60px;font-size:3rem}form .password-div i{top:26%;left:465px}}@media(min-width: 1200px){header p{font-size:1.5rem}.half{width:50%}main{font-size:2rem}main h1{font-size:3rem;margin:0;padding:0}main form .password-div{line-height:65px;font-size:2.5rem}main form .password-div i{top:26%;left:370px}.log-in-items{width:350px;height:45px;margin:10px;line-height:45px;font-size:1vw}.btn{border-radius:20px;font-weight:600;font-size:24px;width:300px}p{font-size:1.3rem}.validation-message p{font-size:1vw}.right{position:fixed;top:0;right:0;height:100vh;background-size:cover;background-position:center;background-image:url(/assets/internal/images/tree-small.jpg)}}