@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&display=swap";:root{--Light_red:#ff5757;--Orangey_yellow:#ffb01f;--Green_teal:#00bd91;--Cobalt_blue:#1125d4;--Light_slate_blue_background:#7857ff;--Light_royal_blue_background:#2e2be9;--Violet_blue_circle:#4e21ca;--Persian_blue_circle:#2421ca00;--White:#fff;--Pale_blue:#ebf1ff;--Light_lavender:#c8c7ff;--Dark_gray_blue:#303b5a}*{box-sizing:border-box;margin:0;padding:0}body{text-align:center;justify-content:center;align-items:center;min-height:100vh;font-family:Hanken Grotesk,sans-serif;display:flex}.result-section{text-align:center;background:linear-gradient(to top, var(--Light_royal_blue_background), var(--Light_slate_blue_background));box-shadow:0px 60px 70px var(--Pale_blue);border-radius:0 0 25px 25px;flex-direction:column;justify-content:center;align-items:center;padding-top:50px;display:flex}.result{color:var(--Light_lavender);text-align:center;padding-bottom:20px;font-size:18px}.circle{background:linear-gradient(var(--Violet_blue_circle), var(--Persian_blue_circle));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.circle h1{color:var(--White);font-size:55px}.circle p{color:var(--Light_lavender);font-size:18px}.msg{padding:30px 45px 40px}.msg h4{color:var(--White);padding-bottom:10px;font-size:26px}.msg p{color:var(--Light_lavender);font-size:18px}.summary-section{padding:20px}.summary-item-reaction,.summary-item-memory,.summary-item-verbal,.summary-item-visual{border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;margin:15px;padding:18px;display:flex}.summary-item-reaction{background-color:#ff575714}.summary-item-reaction h6{color:var(--Light_red)}.summary-item-memory{background-color:#ffb01f14}.summary-item-memory h6{color:var(--Orangey_yellow)}.summary-item-verbal{background-color:#00bd9114}.summary-item-verbal h6{color:var(--Green_teal)}.summary-item-visual{background-color:#1125d414}.summary-item-visual h6{color:var(--Cobalt_blue)}.summary-section h5{color:var(--Dark_gray_blue);margin:0 10px;padding:15px 10px;font-size:22px;display:flex}.item-title{flex-direction:row;align-items:center;gap:15px;padding-left:5px;font-size:26px;display:flex}.item-title img{width:24px}.item-score{color:var(--Light_lavender);padding-right:5px;font-size:18px;font-weight:800}.item-score span{color:var(--Dark_gray_blue)}.btn{padding:10px 20px}.btn button{background-color:var(--Dark_gray_blue);width:100%;color:var(--White);cursor:pointer;border:none;border-radius:30px;padding:20px;font-size:18px;transition:background-color .3s}.btn button:hover{background:linear-gradient(to top, var(--Light_royal_blue_background), var(--Light_slate_blue_background))}.attribution{text-align:center;color:var(--Dark_gray_blue);margin-top:20px;font-size:13px}.attribution a{color:var(--Cobalt_blue);font-weight:600;text-decoration:none;transition:color .3s}.attribution a:hover{color:var(--Green_teal)}@media (width>=768px){body{background-color:var(--Pale_blue)}.card-wrapper{background-color:var(--White);border-radius:25px;flex-direction:row;max-width:700px;display:flex;box-shadow:10px 20px 40px #7857ff1a}.result-section,.summary-section{flex:1}.result-section{border-radius:25px}}