body{background-color:#f4f4f6;flex-direction:column;min-height:100vh;margin:0;padding-top:70px;font-family:Roboto Flex,sans-serif;display:flex}main{flex:1}.body__title{background-color:#133c55;border-radius:0 0 5px 5px;justify-content:center;align-items:center;width:fit-content;margin:auto;padding:0 35px 5px;display:flex}.body__title--icon{color:#f4f4f6;cursor:pointer;--ionicon-stroke-width:40px;margin-left:-10px;margin-right:20px;font-size:35px;display:flex}.body__title h1{color:#f4f4f6;text-align:center;margin:10px 0;font-size:45px;font-weight:900}.body__text{justify-content:center;align-items:center;margin:50px 0 0;display:flex}.body__text p{color:#133c55;text-align:center;max-width:1500px;margin:0 0 50px;font-size:20px;font-weight:400}.body__text--leaderboard p{color:#133c55;text-align:center;margin-top:30px;font-size:15px;font-weight:400}.body__topics{background-color:#133c55;margin:0 0 40px;padding:10px 0 50px}.body__topics--header{color:#133c55;text-align:center;background-color:#f4f4f6;border-radius:0 0 5px 5px;justify-content:center;align-items:center;width:fit-content;margin:-10px auto 40px;padding:10px 15px;font-size:35px;font-weight:800;display:flex}.body__topics--links{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;padding:0 20px;display:flex}.body__topics--uk,.body__topics--us{background-color:#f4f4f6;border:2px solid #f4f4f6;border-radius:5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;width:300px;height:300px;padding:40px;display:flex}.body__topics--uk:hover,.body__topics--us:hover{background-color:#133c55;border:2px solid #f4f4f6;transition:all .2s}.body__topics--uk:hover p,.body__topics--us:hover p{color:#f4f4f6}.body__topics--seal{width:250px;height:250px;margin:0}.body__topics--linksuk,.body__topics--linksus{color:#133c55;flex-direction:column;align-items:center;text-decoration:none;display:flex}.body__topics--linksuk p,.body__topics--linksus p{text-align:center;margin:10px;font-size:22px;font-weight:600}.body__topics--us a,.body__topics--uk a{z-index:1;align-items:center;margin:-2em;padding:1.5em 3.5em;display:flex;position:relative}@media (width<=768px){body{padding-top:55px}.body__title{padding:0 20px}.body__title h1{font-size:32px}.body__text{margin:20px 0}.body__text p{width:90%;margin:10px 0;font-size:16px}.body__title--icon{margin-left:-5px;margin-right:5px}.body__topics--header{font-size:25px}.body__topics--us a,.body__topics--uk a{padding:1em 3em}.body__topics--uk,.body__topics--us{padding:10px}.body__topics--seal{width:200px;height:200px}.body__topics--linksuk p,.body__topics--linksus p{font-size:20px}.body__topics--links{flex-direction:row;display:flex}.body__topics--uk:hover,.body__topics--us:hover{color:#f4f4f4;background-color:#133c55;border:2px solid #f4f4f6;transition:all}}@media (width<=600px){body{padding-top:50px}.body__title{width:fit-content;padding:0 15px}.body__title h1{font-size:22px}.body__text{margin:0}.body__text p{width:90%;margin:20px 0;font-size:14px}.body__topics--header{width:fit-content;padding:7px;font-size:20px}.body__topics--links{padding:0}.body__topics--seal{width:150px;height:150px}.body__topics--uk,.body__topics--us{width:250px;height:250px;padding:0}.body__topics--linksuk,.body__topics--linksus{padding:1em 2.5em}.body__topics--linksuk p,.body__topics--linksus p{font-size:15px}.body__topics--us a,.body__topics--uk a{margin:0}.body__title--icon-news{margin-left:-10px;margin-right:7px}.body__topics--uk:hover,.body__topics--us:hover{color:#f4f4f4;background-color:#133c55;border:2px solid #f4f4f6;transition:all}}#logout-banner{color:#f4f4f6;text-align:center;z-index:1100;background-color:#133c55;width:100%;padding:10px;font-size:18px;font-weight:700;position:fixed;top:0;left:0}.header{box-sizing:border-box;z-index:1000;background-color:#133c55;justify-content:space-between;width:100%;min-height:70px;padding:15px;font-family:Roboto Flex,sans-serif;display:flex;position:fixed;top:0;left:0}.header__timers{align-items:center;gap:15px;display:flex}.header__left{z-index:1000;margin:10px 0 0 10px}.header__logo--icon{color:#f4f4f6}.header__right{margin:0 20px 0 0;display:flex;position:relative}.header__logo img{width:150px;height:20px}.header__logo--uk,.header__logo--us{color:#f4f4f6;margin:10px 25px 0 0}.header__logo--uk img{width:150px;height:20px}.header__btn--login{color:#f4f4f6;z-index:1000;margin:0 2px 0 0;font-weight:700;text-decoration:none}.header__btn--login:hover{cursor:pointer;text-decoration:underline}.header__right--postauth{text-align:center;justify-content:center;align-items:center;gap:0;margin:0;display:flex}.header__right--postauth .body__rank,.header__right--postauth .header__btn--login{margin:0}.header__right--postauth ionicon{align-items:center;margin:0;display:flex}.header__right--postauth ion-icon{color:#f4f4f6}.header__right--dropdown{z-index:999;background-color:#133c55;border-radius:0 0 10px 10px;min-width:150px;padding:5px 0;position:absolute;top:120%;right:0}.header__right--dropdown a{color:#f4f4f6;cursor:pointer;align-items:center;gap:5px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.header__right--dropdown a ion-icon{--ionicon-stroke-width:40px;flex-shrink:0;font-size:16px}.header__right--dropdown a:hover{color:#133c55;background-color:#f4f4f6}#user-dropwdown ion-icon{transition:transform 2s}.header-right--disp{align-items:center;display:flex}.body__rank{background-color:#133c55;align-items:center;gap:5px;width:fit-content;margin-top:5px;margin-right:5px;padding:0;display:flex}.body__rank--img{z-index:1;background-color:#f4f4f6;border-radius:100%;width:25px;height:25px;margin:0;position:relative}.body__rank--wrap{width:25px;height:25px;margin:0 5px;display:inline-flex;position:relative}.body__rank--ring{width:37px;height:37px;position:absolute;top:-6px;left:-6px;transform:rotate(-90deg)}.body__rank--ring-bg{fill:none;stroke:#f4f4f6;stroke-width:3px}.body__rank--ring-fill{fill:none;stroke:#0de696;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .3s}.body__rank--tooltip{color:#f4f4f6;white-space:nowrap;opacity:0;z-index:10;background-color:#133c55;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:opacity .15s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(4px)}.body__rank--wrap:hover .body__rank--tooltip{opacity:1}.form{background-color:#f4f4f6;border-top:25px solid #133c55;border-radius:10px;max-width:95vw;height:fit-content;margin:300px auto;padding:0;display:block;overflow:hidden}.form--top{align-items:center;display:flex;position:relative}.form__header{text-align:center;background-color:#133c55;border-radius:0 0 5px 5px;justify-content:center;align-items:center;margin:auto;padding:10px 30px;display:flex;position:relative;overflow:visible}@media (width<=600px){.form__header{padding:10px 20px}.form__header h2{font-size:28px}.form__body{padding:0 20px}}.form__header h2{color:#f4f4f6;text-align:center;margin:0;font-size:25px;font-weight:900}#modal-close{color:#f4f4f6;--ionicon-stroke-width:60px;cursor:pointer;background-color:#133c55;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:50px;line-height:1;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.form__confirm--message{text-align:center;margin:20px 0}.form__body{box-sizing:border-box;margin:0;padding:0 40px}.username__display{justify-content:space-between;align-items:center;margin:0 20px;font-size:15px;font-weight:600;display:flex}#regenerate__btn{--ionicon-stroke-width:50px;color:#f4f4f6;text-align:center;cursor:pointer;background-color:#133c55;border:none;border-radius:10px;align-items:center;margin:0 20px;padding:10px;font-size:25px;display:flex}.form__body--username p,.form__body--first p,.form__body--second p{color:#133c55;margin-bottom:10px;font-size:15px;font-weight:700}.form__body--input{box-sizing:border-box;border:2.5px solid #133c55;border-radius:5px;width:min(400px,70vw);height:30px;margin-left:20px}#form__switch{color:#133c55;margin-bottom:1px;font-size:14px}#form__switch--link{cursor:pointer;font-weight:900;text-decoration:underline}#form__switch--signup{color:#133c55;margin-bottom:1px;font-size:14px}#form__switch--login-link{cursor:pointer;font-weight:900;text-decoration:underline}.form__footer{text-align:center;cursor:pointer;justify-content:center;align-items:center;width:fit-content;margin:20px auto;display:flex}.form__footer button{color:#f4f4f6;cursor:pointer;background-color:#133c55;border:none;border-radius:5px;width:fit-content;padding:20px;font-size:20px;font-weight:900;text-decoration:none}#modal-overlay{z-index:1100;background:#0009;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#modal-overlay.active{justify-content:center;align-items:center;display:flex}#modal-overlay .form{z-index:1001;margin:0;position:relative}#form__switch,#form__switch--forgot,#form__switch--forgot-back{color:#133c55;margin-bottom:1px;font-size:14px}#form__switch--link,#form__switch--forgot-link,#form__switch--forgot-back-link{color:#133c55;cursor:pointer;font-size:13px;font-weight:900;text-decoration:underline}@media (width<=768px){.header{align-items:center;min-height:60px;padding:5px}.header__logo--uk img{width:120px;height:16px}.header__left{margin:5px 0 0 5px}.header__right{margin:0 10px 0 0}.header-right--disp{margin-right:5px}.header__right--dropdown{top:120%}}@media (width<=600px){.header{flex-wrap:wrap;align-items:flex-start;row-gap:5px;width:100%;min-height:50px;padding:5px 5px 2px}.header-right--disp{margin-right:0}.header__logo--uk{margin:5px 0 0}.header__logo--uk img{width:85px;height:13px}.header__left{margin:10px 0 0 5px}.header__right{margin:5px 10px 0 0}.body__rank{margin-top:15px;margin-right:-5px}.body__rank--img{margin:0 2px}.header__btn--login{font-size:12px}.body__rank--ring{width:23px;height:38px;left:0}.body__rank{gap:0}.body__rank--wrap{margin:0}.body__rank--img{width:17px;height:17px;margin:4.4px 2.9px}.header__btn--login{margin-bottom:12px}#header-caret{font-size:14px}.form__confirm--message{margin-top:10px}#logout-banner{font-size:12px}}@media (width<=360px){.body__rank--img{width:15px;height:15px;margin:6.5px 4.25px}.header__exam--cnt p,.header__pomo--cnt p{font-size:10px}.body__rank--ring{width:23px;height:40px}.header__btn--login{margin-left:2px}.header__timers{gap:10px}.header__logo--uk img{width:70px;height:11px}.username__display{font-size:13px}}footer{background-color:#133c55;margin-top:75px;font-family:Roboto Flex,sans-serif}.footer{justify-content:space-between;align-items:center;padding:30px 0 10px;display:flex}.footer__left{margin-left:10px}.footer__left--text{color:#f4f4f6;justify-content:center;margin:0 0 10px;font-size:20px;font-weight:600;display:flex}.footer__left--icons{fill:#f4f4f6;background-color:#f4f4f6;border-radius:5px;width:20px;height:20px;margin:0 15px;padding:10px}.footer__right a{color:#f4f4f6;margin:0 25px 25px 5px}@media (width<=768px){.footer{padding:20px 0 5px}.footer__left{margin-left:5px}.footer__left--text{margin:0 0 7px 7px;font-size:16px}.footer__left--icons{width:18px;height:18px;margin:0 7px;padding:7px}.footer__right a{font-size:15px}}@media (width<=600px){.footer{padding:10px 0}.footer__left{align-items:center;margin-left:10px}.footer__left--text{margin:0 0 5px 2px;font-size:12px}.footer__left--icons{width:15px;height:15px;margin:0 5px;padding:5px}.footer__right a{font-size:13px}}