:root{--header-size:70px;--header-padding:2px}@media (width<=768px){header{z-index:1;width:100%;height:var(--header-size);padding:var(--header-padding);background-color:#fff;position:fixed;top:0;left:0;box-shadow:0 10px 20px #00000080}header nav{justify-content:space-between;display:flex}header nav .logo{justify-content:center;align-items:center;display:flex}header nav .logo img{width:calc(var(--header-size) - var(--header-padding));height:calc(var(--header-size) - var(--header-padding));transition:transform .5s}header nav .logo img:hover{transform:translate(10px)}header nav .links-wrapper{flex-direction:row;justify-content:space-evenly;gap:20px;width:100%;display:flex}header nav .links-wrapper .link{color:#000;justify-content:center;align-items:center;font-size:1em;font-weight:700;text-decoration:none;transition:transform .5s,color .5s;display:flex}header nav .links-wrapper .link:hover{color:#0000c8;transform:scale(1.25)}.auth-wrapper{flex-direction:row;align-items:center;display:flex}header nav .auth-icon{width:calc(var(--header-size) - var(--header-padding));height:calc(var(--header-size) - var(--header-padding));justify-content:center;align-items:center;display:flex}header nav .auth-icon img{width:30%;height:30%;transition:transform .5s,color .5s}header nav .auth-icon img:hover{transform:scale(1.25)}}@media (width>=769px){header{z-index:1;width:100%;height:var(--header-size);padding:var(--header-padding);background-color:#fff;position:fixed;top:0;left:0;box-shadow:0 10px 20px #00000080}header nav{justify-content:space-between;display:flex}header nav .logo{width:calc(var(--header-size) - var(--header-padding));height:calc(var(--header-size) - var(--header-padding));justify-content:center;align-items:center;display:flex}header nav .logo img{width:100%;height:100%;transition:transform .5s}header nav .logo img:hover{transform:translate(10px)}header nav .links-wrapper{flex-direction:row;justify-content:space-evenly;gap:20px;width:100%;display:flex}header nav .links-wrapper .link{color:#000;justify-content:center;align-items:center;font-size:25px;font-weight:700;text-decoration:none;transition:transform .5s,color .5s;display:flex}header nav .links-wrapper .link:hover{color:#0000c8;transform:scale(1.25)}.auth-wrapper{flex-direction:row;align-items:center;display:flex}header nav .auth-icon{width:calc(var(--header-size) - var(--header-padding));height:calc(var(--header-size) - var(--header-padding));justify-content:center;align-items:center;display:flex}header nav .auth-icon img{width:30%;height:30%;transition:transform .5s,color .5s}header nav .auth-icon img:hover{transform:scale(1.25)}}:root{--header-size:70px}@media (width<=768px){.content-wrapper{box-sizing:border-box;top:var(--header-size);width:100%;height:calc(100vh - var(--header-size));color:#fff;background:linear-gradient(#020024 0%,#090979,80%,#00d4ff 100%);align-items:center;padding:20px;position:fixed;overflow:hidden}.content-wrapper .background-image{z-index:0;position:absolute;inset:50% 0 0}.content-wrapper .background-image img{object-position:center top;object-fit:cover;width:100%;height:100%}.top{flex-direction:row;display:flex}.content-wrapper .pannel{text-align:center;flex-direction:column;justify-content:center;transition:transform .5s;display:flex;top:0}.content-wrapper .pannel img{width:10em}}@media (width>=769px){.content-wrapper{box-sizing:border-box;top:var(--header-size);width:100%;height:calc(100vh - var(--header-size));color:#fff;background:linear-gradient(45deg,#020024 0%,#090979 70%,#00d4ff 100%);align-items:center;padding:50px;display:flex;position:fixed;overflow:hidden}.content-wrapper .background-image{z-index:0;position:absolute;inset:0 0 0 33%}.content-wrapper .background-image img{object-position:left bottom;object-fit:cover;width:100%;height:100%}.content-wrapper .pannel{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:33%;transition:transform .5s;display:flex;position:relative}.content-wrapper .pannel:hover{transform:translateY(-30px)}.top{flex-direction:row;display:flex}.content-wrapper .pannel img{object-fit:cover;object-position:center;border-radius:30%;width:10em;overflow:hidden}}.hidden{opacity:0;transition:opacity 2s,transform 1s cubic-bezier(.34,1.56,.64,1);transform:translate(-100%)}.show{opacity:1;transform:translate(0)}.timeline-wrapper{padding:20px 10px}.timeline-wrapper .table{grid-template-rows:50px repeat(8,auto);grid-template-columns:repeat(6,1fr);grid-auto-flow:column;gap:0;display:grid}.timeline-wrapper .table .weekday-timeline-element{border:2px solid gray;border-radius:10px;grid-template-rows:auto 1fr;margin:5px;display:grid;overflow:hidden}.timeline-wrapper .table .weekday-timeline-element .duration{justify-content:space-around;align-items:center;display:flex}.authenticate-wrapper{width:100%;height:calc(100vh - var(--header-size));justify-content:space-around;align-items:center;display:flex}.authenticate-wrapper form{flex-direction:column;justify-content:space-evenly;align-items:center;gap:10px;display:flex}.add-new-class-form{flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;padding:20px 0;display:flex}.class-container-item{flex-direction:row;gap:20px;width:100%;display:flex}html,body,#root{margin:calc(var(--header-size) / 2) 0px 0px 0px;padding:0;font-family:Rubik,arial}