.my-profile{height:3rem;display:flex;align-items:center;justify-content:center;padding:.625rem;box-shadow:5px 5px 10px rgba(0,0,0,.5)}.my-profile h3{font-family:Londrina Solid;font-size:2.0625rem;font-weight:400;line-height:39px;letter-spacing:0;text-align:left;color:#2000a0}.user-info-details img{width:8.875rem;border-radius:12.5rem;border:.25rem}.profile-info-settings{display:flex;justify-content:space-around;box-shadow:5px 5px 10px rgba(0,0,0,.5);align-items:center;background-color:#faebd7;height:15.625rem;background:url(/bg/bg-profile.png) 50%/cover no-repeat}.profile-info{display:flex;flex-direction:column;justify-content:center}.h3-title{font-family:Londrina Solid;font-size:2.0625rem;font-weight:400;line-height:39px;letter-spacing:0;text-align:left;color:#2000a0;margin:0 0 20px}.user-info-details{display:flex;align-items:center}#user-info-text-details ul{margin:0}#user-info-text-details li{list-style:none;font-family:Londrina Solid;font-weight:300}#user-info-text-details h3{font-family:Londrina Solid;font-size:2.0625rem;font-weight:400;line-height:39px;letter-spacing:0;text-align:left;padding-left:2.5rem;margin:0}.settings{display:flex;flex-direction:column;justify-content:center;align-items:center;width:22.8125rem;height:12.5625rem;margin:0}.settings h3{font-family:Londrina Solid;font-size:2.0625rem;font-weight:400;line-height:39px;letter-spacing:0;text-align:center;color:#ffc700;margin:0 0 30px 25px}.settings ul{display:flex;flex-direction:column;align-items:center}.settings li{list-style:none;font-family:Londrina Solid;font-weight:300;font-size:1.25rem;color:#fff}.all-stats-bars{box-shadow:5px 5px 10px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:space-around;background-color:#2000a0;height:18rem}.text-total-bar h3{font-family:Londrina Solid;font-size:2.0625rem;font-weight:400;line-height:39px;letter-spacing:0;text-align:left;color:#ffc700}.text-total-bar{display:flex;flex-direction:column;justify-content:center;width:17rem;padding:0 0 0 11.25rem}#prog-bar1 .bar{z-index:1;border-radius:15px;color:#ffc700}.text-total-bar .element{position:relative;padding:5px;margin-left:5rem}.all-stats-bars .element .progress-text{top:2.5rem}.all-stats-bars .element .percentage,.all-stats-bars .element .progress-text{position:absolute;z-index:2;padding-left:4.5rem;width:10rem;text-align:center;right:0}.all-stats-bars .element .percentage{top:4rem}.percentage p{color:#fff}.percentage p,.progress-text p{font-family:Londrina Solid;font-size:18px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center}.progress-text p{color:#0f6}.each-land-bar{margin-top:7rem;margin-right:10rem}.each-land-bar ul{padding-left:4rem;margin-top:2rem;display:flex;align-items:center;gap:2rem}.each-land-bar li{list-style:none;width:8.75rem;position:relative}.each-land-bar .bar{z-index:1}.land-text{position:absolute;z-index:2;top:2rem;right:.3rem;text-align:center;width:7rem}.land-text p{font-family:Londrina Solid;font-size:13.5px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center;color:#ffc700}#prog-bar2 .percentage{position:absolute;z-index:2;padding-left:4.5rem;top:3rem;width:10rem;text-align:center;right:-1.3rem}#prog-bar2 .percentage p{font-family:Londrina Solid;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center}.point-count{display:flex;align-items:center;justify-content:space-around;height:9.8125rem;background-color:#ffc700;box-shadow:5px 5px 10px rgba(0,0,0,.5)}.points-overall{display:flex;flex-direction:column;justify-content:center;width:17rem;padding:0 0 0 13.125rem}.points-overall h3{font-family:Londrina Solid;font-size:2.0625rem;font-weight:400;line-height:39px;letter-spacing:0;text-align:left;color:#2000a0;margin:0}.points-overall .element{margin:0 0 0 8rem}.points-overall p{margin:0;font-family:Londrina Solid;font-size:2.0625rem;font-weight:400;line-height:39px;letter-spacing:0;text-align:left}.points-overall #overall-numb{font-size:3rem;text-align:center}.points-overall #overall-txt{font-size:1.5rem;text-align:center}.land-points{margin-top:20px;display:flex;justify-content:space-evenly;gap:105px;margin-right:190px;padding-left:6rem}.each-land-points{font-family:Londrina Solid;font-size:32px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center}.land-points p{margin:.5rem 0 0;color:#2000a0}.each-land-txt{font-family:Londrina Solid;font-size:15px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center}.quizzes{display:flex;justify-content:space-around;box-shadow:5px 5px 10px rgba(0,0,0,.5);background:linear-gradient(90deg,#2000a0 13.47%,#ffc700 81.57%)}#quizzes-text{display:flex;justify-content:flex-end;width:35rem;padding-left:0;margin-left:0}#quizzes-text h3{font-family:Londrina Solid;font-size:33px;font-weight:400;line-height:39px;letter-spacing:0;text-align:left;color:#ffc700}.group{display:flex;justify-content:flex-start;width:130rem;gap:15rem;padding-left:2rem;margin-bottom:2rem}#incorrect-answers,.group{margin-top:3rem}#incorrect-answers p{margin:0 0 5px;padding:0}.incorrect-answers-num{font-size:3rem;line-height:28px}.incorrect-answers-num,.incorrect-answers-txt{font-family:Londrina Solid;font-weight:400;letter-spacing:0;text-align:center;color:red}.incorrect-answers-txt{font-size:1.2rem;line-height:18px;width:5rem}#correct-answers{margin-top:3rem}#correct-answers p{margin:0 0 5px}.correct-answers-num{font-size:3rem;line-height:28px}.correct-answers-num,.correct-answers-txt{font-family:Londrina Solid;font-weight:400;letter-spacing:0;text-align:center;color:#0f6}.correct-answers-txt{font-size:1.2rem;line-height:18px;width:5rem}.group #prog-bar1{position:relative}.group .prog-bar1 .bar{z-index:1}.group .progress-text{top:3.7rem;left:2.4rem;color:#0f6}.group .percentage,.group .progress-text{position:absolute;z-index:2;font-family:Londrina Solid;font-size:18px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center}.group .percentage{top:5rem;left:5.5rem;color:#fff}body.active-modal{overflow-y:hidden}.btn-modal{cursor:pointer;color:#fff;font-family:Londrina Solid;font-weight:300;font-size:1.25rem;background-color:#2000a0;border:0}.modal,.overlay{width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;position:fixed}.overlay{background:rgba(49,49,49,.8)}.modal-content{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);line-height:1.4;background:#f1f1f1;padding:14px 28px;border-radius:3px;max-width:600px;min-width:300px}.close-modal{position:absolute;top:10px;right:10px;padding:5px 7px;background-color:#2000a0;color:#fff;letter-spacing:0}.close-modal,.inputField{font-family:Londrina solid;font-weight:300}.inputField{width:100%;padding:10px;margin-bottom:10px;box-sizing:border-box;border:2px}.updateButton{font-family:Londrina Solid;background-color:#0f6;color:#fff;padding:10px;border:none;cursor:pointer}.updateButton:hover{background-color:#45a049}.errorMsg{color:red;margin-top:10px}h2{color:#ffc700;font-weight:400}.btn-yes-no{display:flex;justify-content:center;gap:3rem;margin-bottom:1.5rem}.yesbtn{background-color:#0f6;width:2.5rem}.nobtn{background-color:red;width:2.5rem}.reset-txt{color:#000}html{font-size:16px}nav{justify-content:space-between;height:4.0625rem;width:80%}.navWrapper,nav{display:flex;align-items:center;background:#ffc700}.navWrapper{justify-content:center}#logo{width:100%;height:2.8125rem;top:.6875rem;border:.125rem;display:flex;align-items:center}#logo,#logo h3,.color{background:#ffc700}#logo h3{font-family:Londrina Solid;font-size:2rem;font-weight:400;line-height:2.375rem;letter-spacing:0;text-align:left;color:#fff;-webkit-text-stroke:.125rem var(--purple);padding-left:.625rem}#logo img{width:50px;height:2.8125rem}#logo img,#navbar{background:#ffc700}#navbar{display:flex;align-items:center;justify-content:center;width:100%;height:1.1875rem}#navbar .navbarElement{background:#ffc700;list-style:none;padding:0 1.25rem;font-family:Inter;font-size:1rem;font-weight:400;line-height:1.1875rem;letter-spacing:0;text-align:left;position:relative}#navbar .navbarElement a{background:#ffc700;text-decoration:none;color:#2000a0}#navbar #logout a{text-wrap:nowrap;text-decoration:none;color:#c40000}@media screen and (max-width:1000px){nav{width:95%}}