:root{--base-color-1: rgb(96, 192, 156, 1);--base-color-2: rgb(96, 192, 156, .9);--base-color-3: rgb(96, 192, 156, .7);--base-color-4: rgb(96, 192, 156, .5);--base-color-5: rgb(150, 255, 150, 1);--base-color-6: rgb(58, 141, 111);--red-1: rgb(255, 100, 100, 1);--blue-1: rgb(100, 100, 255, 1)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen",}.home-image{width:100%;height:90vh;background-color:var(--base-color-1);object-fit:cover;color:#fff;display:flex;flex-direction:column;align-items:center}.home-image h1{font-size:5em;margin-top:25vh}.main{width:100%;height:100vh}.Menu-container{width:80%;margin:2em auto 0;display:flex}.Menu-item{width:33%;height:20em;margin:0 1em;box-sizing:border-box}.red{background-color:var(--red-1)}.green{background-color:var(--base-color-1)}.blue{background-color:var(--blue-1)}.topbar{height:10vh;display:flex;align-items:center;justify-content:space-between;background-color:#60c09c;position:sticky;top:0;z-index:100}.topbar a{text-decoration:none}.topbar span{margin-left:2em;font-size:2em;font-weight:700;color:#fff}.topbar-right{height:100%;width:30em;display:flex;align-items:center;justify-content:flex-end;margin-right:.5em}.topbar-right a{text-decoration:none;color:#fff;width:33%;box-sizing:border-box;transition:.5s}.overlay{height:90vh;width:100%;background-color:var(--base-color-1);display:flex}.login-form{width:30%;height:30em;margin:auto;background-color:#fff;border-radius:1em;box-shadow:0 0 10px #0003,0 5px 5px #0000003d}.login-form h2{text-align:center;margin-top:1em;font-size:2em}.login-form input{height:3em;width:80%;margin-left:10%;margin-right:10%;font-size:1em}.login-form ul{margin:.5em 0 1.5em}.login-form ul li{font-size:.8em;margin:0 0 0 2.5em;margin-bottom:0wm}.login-form button{height:3em;width:81%;margin-left:10%;border:0;background-color:var(--base-color-1);color:#fff;font-size:1em}.login-form button:active{background-color:var(--base-color-6)}.login-form p{text-align:center;width:80%;margin-left:10%}.alert{position:fixed;width:50%;height:5em;left:25%;bottom:1em;box-shadow:0 0 10px #0003,0 5px 5px #0000003d;border-radius:1em;animation:slideUp 3.5s ease-in-out;transform-origin:bottom;z-index:9999}.error{background-color:var(--red-1);color:#fff}.neutral{background-color:#fff;color:#000}.alert p{font-size:1.2em;text-align:center}@keyframes slideUp{0%,85%,to{transform:translateY(200%)}25%,60%{transform:translateY(0)}}