@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";html{font-size:62.5%}:root{--size-2:2px;--size-4:4px;--size-6:6px;--size-8:8px;--size-10:1rem;--size-12:1.2rem;--size-14:1.4rem;--size-16:1.6rem;--size-18:1.8rem;--size-20:2rem;--size-24:2.4rem;--size-28:2.8rem;--size-32:3.2rem;--size-36:3.6rem;--size-40:4rem;--size-44:4.4rem;--size-48:4.8rem;--size-56:5.6rem;--size-64:6.4rem;--size-80:8rem;--size-96:9.6rem;--size-112:11.2rem;--size-128:12.8rem;--size-144:14.4rem;--size-160:16rem;--size-176:17.6rem;--size-192:19.2rem;--size-208:20.8rem;--size-224:22.4rem;--size-240:24rem;--size-256:25.6rem;--size-288:28.8rem;--size-320:32rem;--size-384:38.4rem;--rounded-s:2px;--rounded:4px;--rounded-m:6px;--rounded-l:8px;--rounded-xl:12px;--rounded-2xl:16px;--rounded-3xl:24px;--shadow-s:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-m:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-l:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--clr-base:#03a84e;--clr-red:#ef4444;--clr-red-shade-1:#d73d3d;--clr-red-shade-2:#bf3636;--clr-blue:#2563eb;--clr-purple:#4d4365;--clr-gray-1:#d1d5db;--clr-gray-2:#9ca3af;--clr-slate-1:#f8fafc;--clr-slate-2:#f1f5f9;--clr-slate-3:#e2e8f0;--clr-slate-4:#cbd5e1;--clr-slate-5:#94a3b8;--clr-slate-6:#64748b;--clr-slate-7:#475569;--clr-slate-8:#334155;--clr-slate-9:#1e293b;--clr-tint-1:#1cb160;--clr-tint-2:#35b971;--clr-tint-3:#4fc283;--clr-tint-4:#68cb95;--clr-tint-5:#81d4a7;--clr-tint-6:#9adcb8;--clr-tint-7:#b3e5ca;--clr-tint-8:#cdeedc;--clr-tint-9:#e6f6ed;--clr-shade-1:#039746;--clr-shade-2:#02863e;--clr-shade-3:#027637;--clr-shade-4:#02652f;--clr-shade-5:#025427;--clr-shade-6:#01431f;--clr-shade-7:#013217;--clr-shade-8:#012210;--clr-shade-9:#001108}*{box-sizing:border-box;margin:0;padding:0}main{min-height:100vh}body{font-family:Inter,sans-serif;font-size:1.6rem}input,button{font-size:inherit}input[type=text],input[type=password],input[type=email],input[type=number],textarea{padding:var(--size-6)var(--size-12)}button{cursor:pointer;background:0 0;border:none}input[type=submit]{cursor:pointer;border:none}.icon--s{width:2.4rem;height:2.4rem}.icon--m{width:3.2rem;height:3.2rem}.icon--l{width:4.8rem;height:4.8rem}.login-form-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-form{width:var(--size-384);height:var(--size-320);position:relative}.login-form__top{background-color:var(--clr-base);border-top-left-radius:var(--rounded-s);border-top-right-radius:var(--rounded-s);height:20%}.login-form__bottom{justify-content:center;align-items:center;gap:var(--size-16);background-color:var(--clr-slate-3);border-bottom-left-radius:var(--rounded-s);border-bottom-right-radius:var(--rounded-s);padding-top:var(--size-16);flex-direction:column;height:80%;display:flex}.login-form__icon-container{width:var(--size-48);height:var(--size-48);background-color:var(--clr-slate-1);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}#login-form__username,#login-form__password{height:var(--size-40);border-radius:var(--rounded-s);border:none;outline:3px #0000;width:90%;transition:outline .25s ease-in-out}#login-form__username:focus,#login-form__password:focus{outline:3px solid var(--clr-slate-4)}#login-form__submit{font-size:var(--size-20);color:var(--clr-slate-1);background-color:var(--clr-base);margin-top:var(--size-20);padding:var(--size-12)var(--size-24);border:none;outline:none;width:50%;transition:background-color .25s ease-in-out}#login-form__submit:hover{background-color:var(--clr-shade-2)}.header{height:var(--size-80);background:var(--clr-slate-1);border-bottom:3px solid var(--clr-base);padding:var(--size-24)0;justify-content:center;align-items:center;display:flex}.header__logo{height:100%}.header__logo-img{object-fit:cover;width:auto;height:100%}.footer{height:var(--size-64);background-color:var(--clr-slate-9);padding:var(--size-24)0;justify-content:center;align-items:center;display:flex}.footer__copyright-msg{font-size:var(--size-16);color:var(--clr-slate-1)}
/*# sourceMappingURL=index.e263185f.css.map */