body{background-color:#ecf2ff;justify-content:center;align-items:center;min-height:100vh;display:flex}@font-face{font-family:Hanken;src:url(/assets/HankenGrotesk-VariableFont_wght-iK5FNtUn.ttf)}*{font-family:Hanken}.mainApp{background-color:#fff;border-radius:25px;display:flex}@media (width<=600px){.mainApp{flex-direction:column}}.leftPannel{background-image:linear-gradient(#7857ff,#2e2be9);border-radius:25px;flex-direction:column;justify-content:space-evenly;align-items:center;width:50%;display:flex}.score-Circle{background-image:linear-gradient(#4e21ca,#2421ca00);border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:175px;height:175px;display:flex}.score-Circle h4{color:#fff;margin:0;font-size:60px}.score-Circle h5{color:#b1adad;margin:0;font-size:12px}.leftPannel-message-div{text-align:center;flex-direction:column;align-content:space-around;width:60%;display:flex}.leftPannel-message-div h3{color:#fff;margin:0;font-size:30px}.leftPannel-message-div p{color:#b1adad}.leftPannel h2{color:#b1adad;margin:0}@media (width<=600px){.leftPannel{width:100%;padding:20px 0}.score-Circle{width:150px;height:150px;margin:10px 0}}.Button{color:#fff;background-color:#303b5a;border-style:none;border-radius:40px;width:80%;margin-bottom:20px;padding:15px}.Button:hover{background-image:linear-gradient(#7857ff,#2e2be9)}@media (width<=600px){.Button{padding:16px;font-size:18px}}.score-box{border-radius:10px;flex-direction:row;justify-content:space-between;width:100%;margin:15px 0 15px 5px;display:flex}.score-category{align-items:center;gap:8px;margin:0 14px;display:flex}.score-category p{gap:5px;font-size:16px}.score-result{margin:0 14px}.category-img{width:20px;height:20px}.rightPannel{border-radius:0 25px 25px 0;flex-direction:column;align-items:center;width:50%;display:flex}.rightPannel h2{margin-bottom:0}.ScoreRow-div{justify-self:center;width:80%;margin:30px}@media (width<=600px){.rightPannel{width:100%}}