@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-optical-sizing:auto;background-color:#c8c7ff;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:Hanken Grotesk,sans-serif;display:flex;overflow:hidden}#root{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}@media screen and (width>=200px) and (width<=768px){#root{width:100%}}.container{background-color:#fff;border-radius:20px;flex-direction:row;align-items:center;gap:0;width:100%;height:80%;margin-bottom:5px;display:flex}.attribution{text-align:center;font-size:.6875rem}.attribution a{color:#303b5a;text-decoration:none}.attribution a:hover{color:#2e2be9}@media screen and (width>=200px) and (width<=768px){body{width:100%}.container{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}}.left{color:#fff;background-image:linear-gradient(#7857ff,#2e2be9);border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;width:50%;height:100%;padding:1em;display:flex;overflow:hidden}h3.h3-left{color:#c8c7ff;margin:1em;font-weight:500}.score-left{background-image:linear-gradient(#4e21ca,#2421ca00);border-radius:400px;flex-direction:column;justify-content:center;align-items:center;width:12em;height:12em;margin:1em;display:flex}.score-left h1{font-weight:800}.score-left p{color:#c8c7ff;font-weight:500}.great h2{text-align:center;margin:1em 0}.great p{text-align:center;color:#c8c7ff;margin:1em;font-weight:400}@media screen and (width>=200px) and (width<=768px){.left{border-radius:0 0 20px 20px;width:100%}}.right{flex-direction:column;align-items:center;width:50%;height:100%;padding:1em;display:flex}h3.h3-right{color:#303b5a;text-align:left;margin:1em auto 1em 1em;font-weight:700}.card-container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin:1em 0;display:flex}.card{border-radius:9px;justify-content:space-between;align-items:center;width:90%;height:3em;margin:15px 0;padding:9px;display:flex}.icon-title{justify-content:space-between;align-items:center;display:flex}.score-right span{color:#303b5a;font-weight:500}.score-right .hundred{color:#a4a3fa}.button{width:90%}button{color:#fff;background-color:#303b5a;border:none;border-radius:2em;width:100%;height:3em;font-size:18px;transition:background-color .4s}button:hover{background-color:#2e2be9;background-image:linear-gradient(to botttom, #7857ff, #2e2be9);cursor:pointer}@media screen and (width>=200px) and (width<=768px){.right{width:100%;padding:0 2em}h3.h3-right{margin-bottom:2px;margin-left:0}.card-container{margin-top:0;padding:0}.card{width:100%}}