.container{display:block;height:100%;margin:auto;padding-bottom:50px;padding-top:30px;box-shadow:0 1px 15px 0 rgb(0 0 0 / .08);border-radius:25px}.header-line{max-width:100%;margin:auto;width:100%;background-color:#450a76;padding:30px 0;margin-top:-8px}.menu{position:relative;background-color:#fff;height:30px;max-width:1200px;margin:auto;margin-top:30px;text-transform:uppercase;font-family:Roboto,sans-serif;font-weight:700;font-size:12px}.menu-item-left{display:inline-block;float:left;padding:2px;padding-left:10px;margin:6px;margin-left:20px}.menu-item-right{display:inline-block;float:right;padding:2px;padding-right:20px;margin-top:6px;width:16%}.menu-item-left a,.menu-item-right a{font-family:'Roboto',sans-serif;font-size:12px;font-weight:700;text-decoration:none;color:#000}@media screen and (max-width:1000px){.menu-item-left{display:none}.menu-item-right{display:none}}li{display:block;float:left;padding:20px}ul{width:100%;list-style-type:none;margin:0;padding:0;overflow:hidden}.logo{width:180px;height:172px;background-color:#fff;margin:auto;position:relative;top:-85px;border-radius:30%}@media screen and (max-width:990px){.menu{height:60px}.logo{top:-115px}}.logo img{display:block;margin:auto;padding-top:10px}.selection{display:flex;max-width:900px;width:70%;margin:auto;justify-content:space-around}#parents,#teachers{display:none}.login-field{padding:5px;margin:10px 0;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.login-form{width:auto}.login-btn{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;margin-top:30px;color:#fff;background-color:#450a76;font-size:14px}.login-btn:hover{box-shadow:5px 10px 20px 2px #888}@keyframes rotate{100%{transform:rotate(1turn)}}.login-box{z-index:0;position:relative;max-width:350px;width:auto;margin:auto;margin-top:50px;border-radius:10px;overflow:hidden;padding:2rem}.login-box::before{content:'';position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#450a76,#8313DF),linear-gradient(#0A7675,#0EA6A2),linear-gradient(#450a76,#8313DF),linear-gradient(#0A7675,#0EA6A2);animation:rotate 8s linear infinite}.login-box::after{content:'';position:absolute;z-index:-1;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background:#fff;border-radius:5px}@media screen and (max-width:480px){.login-box{max-width:300px;width:auto;padding:5%}}.buttons{display:flex;max-width:800px;margin:auto;padding:5px;justify-content:space-around;flex-wrap:wrap;margin-top:40px}.button-29{align-items:center;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#0E9392 0,#0A7675 100%);border:0;border-radius:6px;box-shadow:rgb(14 147 146 / .4) 0 2px 4px,rgb(14 147 146 / .3) 0 7px 13px -3px,rgb(70 10 118 / .5) 0 -3px 0 inset;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:"JetBrains Mono",monospace;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px;width:25%}.button-29:focus{background-image:radial-gradient(100% 100% at 100% 0,#0E9392 0,#0A7675 100%);box-shadow:rgb(14 147 146 / .4) 0 2px 4px,rgb(14 147 146 / .3) 0 7px 13px -3px,rgb(70 10 118 / .5) 0 -3px 0 inset}.button-29:hover{background-image:radial-gradient(100% 100% at 100% 0,#0E9392 0,#0A7675 100%);box-shadow:rgb(70 10 118 / .4) 0 4px 8px,rgb(70 10 118 / .3) 0 7px 13px -3px,#460a76 0 -3px 0 inset;transform:translateY(-2px)}.button-29:active{background-image:radial-gradient(100% 100% at 100% 0,#60119e 0,#460a76 100%);box-shadow:#460a76 0 3px 7px inset;transform:translateY(2px)}@media screen and (max-width:800px){.button-29{width:50%;margin:3px 0}}@media screen and (max-width:500px){.button-29{width:70%;margin:3px 0}}.mobile-menu{display:none}.mobile-menu button{background-color:#fff0;border:none;font-size:20px;cursor:pointer;text-decoration:none;font-weight:800;font-family:'Roboto',sans-serif;font-size:14px;color:#fff}@media screen and (max-width:1000px){.mobile-menu{display:block;cursor:pointer;z-index:999999;text-align:center;font-size:20px;position:fixed;top:0;right:15px;background-color:#450a76;text-decoration:none;font-weight:800;border:none;color:#fff;padding:8px 15px;font-family:'Roboto',sans-serif;font-size:14px;border-radius:2px;transition:background 0.2s}.mobile-menu:hover{background-color:#0a7674}}.mb-menu-item{display:block;border-bottom:1px solid #3c3c3c;padding:10px 15px;color:#fff;font-family:'Roboto',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700;text-decoration:none!important}.mb-menu-item a{color:#fff;font-family:'Roboto',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700;text-decoration:none!important}.close-btn{position:absolute;top:30px;padding:0 18px;font-size:20px;font-weight:700;display:block;border:none;border-radius:5px;color:#450a76;background-color:#fff;cursor:pointer}#open-menu{display:block;margin:auto;width:fit-content;text-align:center;top:0%;right:0;padding-top:60px;transition:0.5s;overflow-x:hidden;background-color:#450a76;max-height:100%;height:100%;position:fixed;z-index:9999999;visibility:hidden;opacity:0}@media screen and (max-width:768px){.buttons{flex-direction:column;align-items:center}}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1600px}.login-logo{background-color:#fff;display:flex;justify-content:center;align-items:center;margin-top:20px;width:30%;height:100px;border-radius:41px}.login-menu{margin-bottom:70px}