.mainbody{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:6rem;min-height:100vh;background-color:#000}body{margin:0}.precload_loading_screen_black{width:100%;height:100vh;background-color:#171a21;position:absolute;top:0;left:0;z-index:100;animation:fadeOut 4s forwards;display:flex;align-items:center;justify-content:center;flex-direction:row}.precload_loading_screen_black img{height:30%}@keyframes fadeOut{0%{opacity:1}75%{opacity:1}98%{opacity:0}99%{opacity:0;z-index:0}to{opacity:0;z-index:0;display:none}}.landingpage{width:100%;height:100vh;background-color:#171a21;position:relative;overflow:hidden}.landingpage .login_logo{height:10%;position:absolute;top:3%;left:1.6%;z-index:1}.landingpage .background{width:100%;height:100vh;position:absolute;overflow:hidden;z-index:1;background-size:cover;background-repeat:no-repeat;background-position:50%;background-size:100%}@media screen and (min-width:1181px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_large_background.webp)}}@media screen and (max-width:1180px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:740px)and (min-height:740px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:707px)and (min-height:707px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:695px)and (min-height:695px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1024px)and (min-width:1024px)and (max-height:698px)and (min-height:698px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1024px)and (min-width:1024px)and (max-height:665px)and (min-height:665px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1024px)and (min-width:1024px)and (max-height:653px)and (min-height:653px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:737px)and (min-height:737px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:704px)and (min-height:704px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:686px)and (min-height:686px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1080x740.webp)}}@media only screen and (max-width:1300px)and (min-width:1300px)and (max-height:750px)and (min-height:721px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_background_chromebook1300x731.webp)}}@media only screen and (max-width:1300px)and (min-width:1300px)and (max-height:570px)and (min-height:561px){.landingpage .background{background-image:url(https://webshop-nextjs.s3.eu-north-1.amazonaws.com/reading_monster_images/misc/login_large_background.webp)}}.landingpage .loginContainer{width:42%;height:17.7%;background-color:#111320;position:absolute;top:36.9%;left:3.5%;border-radius:10px;border:5px solid #202238;z-index:1;display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.landingpage .loginContainer .loginContainer_imageContainer{width:25%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.landingpage .loginContainer .loginContainer_imageContainer img{height:120%;transform:translateY(-4%)}.landingpage .loginContainer .loginContainer_fieldContainer{width:50%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.landingpage .loginContainer .loginContainer_fieldContainer p{color:#fff;font-size:2vh;margin:0}.landingpage .loginContainer .loginContainer_loginbutton{width:25%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.landingpage .loginContainer .loginContainer_loginbutton img{height:50%;cursor:pointer;transition:.3s ease-in-out}.landingpage .loginContainer .loginContainer_loginbutton img:active{transform:scale(.8)}.landingpage .cardsContainer{width:100%;height:7.5%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;z-index:1;position:absolute;top:88.6%;left:0}@media screen and (max-height:700px){.landingpage .cardsContainer{height:50px}}.landingpage .cardsContainer .choiceCards{height:100%;background-color:#212531;border:2px solid #414551;border-radius:10px;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;margin-left:1.5%;cursor:pointer;transition:.4s ease-in-out}.landingpage .cardsContainer .choiceCards img{height:115%;transform:translate(-5px,-5px)}.landingpage .cardsContainer .choiceCards p{font-size:20px;color:#fff;margin:0;transform:translateX(-10px)}@media screen and (max-height:800px){.landingpage .cardsContainer .choiceCards p{font-size:15px;transform:translateY(3px)}}.landingpage .cardsContainer .choiceCards:active{transform:scale(.8)}.landingpage .cardsContainer .typeCard_parents{width:210px}@media screen and (max-height:800px){.landingpage .cardsContainer .typeCard_parents{width:150px}}.landingpage .cardsContainer .typeCard_students{width:165px}@media screen and (max-height:800px){.landingpage .cardsContainer .typeCard_students{width:120px}}.landingpage .noAccountContainer{position:absolute;top:75%;width:100%;height:150px;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.landingpage .noAccountContainer p{color:#fff;font-size:13px}.landingpage .noAccountContainer .registerButton{width:175px;height:50px;background-color:#4faf36;border-radius:7px;text-align:center;cursor:pointer;transition:.3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;flex-direction:row}.landingpage .noAccountContainer .registerButton p{font-size:16px;color:#fff}.landingpage .noAccountContainer .registerButton:active{transform:scale(.8)}a:active,a:hover,a:link,a:visited{text-decoration:none}input{width:99%;height:63%;color:#90929e;background-color:transparent;border:none;text-align:center;font-size:52px;font-weight:700;transform:translateY(-6%);z-index:1}@media screen and (max-height:700px){input{font-size:30px}}input:focus{outline:none}.erikLeo{height:109%;position:absolute;top:4%;left:61%;z-index:1}@media screen and (max-height:800px){.erikLeo{height:88%;top:23%;left:54%}}@media screen and (max-height:700px){.erikLeo{height:88%;top:23%;left:60%}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:740px)and (min-height:740px){.landingpage{overflow:hidden;height:740px}input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:707px)and (min-height:707px){.landingpage{overflow:hidden;height:707px}input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:695px)and (min-height:695px){.landingpage{overflow:hidden;height:695px}input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1024px)and (min-width:1024px)and (max-height:698px)and (min-height:698px){.landingpage{overflow:hidden;height:698px}input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1024px)and (min-width:1024px)and (max-height:665px)and (min-height:665px){.landingpage{overflow:hidden;height:665px}input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1024px)and (min-width:1024px)and (max-height:653px)and (min-height:653px){.landingpage{overflow:hidden;height:653px}input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:737px)and (min-height:737px){.landingpage{overflow:hidden;height:737px}.login_logo{top:5%}input{transform:translateY(0);font-size:30px}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:704px)and (min-height:704px){.landingpage{overflow:hidden;height:704px}.choiceCards p{transform:translate(-10px,3px)}input{transform:translateY(0);font-size:30px}.login_logo{top:5%}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:686px)and (min-height:686px){.landingpage{overflow:hidden;height:686px}.login_logo{top:5%}input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1080px)and (min-width:1080px)and (max-height:740px)and (min-height:740px){.landingpage{overflow:hidden;height:740px}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1300px)and (min-width:1300px)and (max-height:570px)and (min-height:561px){input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@media only screen and (max-width:1300px)and (min-width:1300px)and (max-height:750px)and (min-height:721px){input{font-size:30px;transform:translateY(0)}.choiceCards p{transform:translate(-10px,3px)}}@font-face{font-family:__fredokaOne_ef0fb8;src:url(/_next/static/media/f76b23ac4d7fc46b-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:__fredokaOne_Fallback_ef0fb8;src:local("Arial");ascent-override:88.55%;descent-override:21.46%;line-gap-override:0.00%;size-adjust:109.99%}.__className_ef0fb8{font-family:__fredokaOne_ef0fb8,__fredokaOne_Fallback_ef0fb8}@font-face{font-family:__luckiestGuy_f30969;src:url(/_next/static/media/944b8438f24ffc2c-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:__luckiestGuy_Fallback_f30969;src:local("Arial");ascent-override:60.24%;descent-override:25.44%;line-gap-override:0.00%;size-adjust:116.72%}.__className_f30969{font-family:__luckiestGuy_f30969,__luckiestGuy_Fallback_f30969}