@import"https://fonts.googleapis.com/css2?family=Coiny&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--background: #fffbef;--blue-forg: #6689e3;--red-forg: #e76571;--black-forg: #221f18;--orange-forg: #fabe7f;background-color:var(--background)}body{margin:0;padding:0}h1{font-family:Coiny,system-ui;font-weight:400;font-style:normal;text-transform:uppercase;text-shadow:3px 3px var(--red-forg);color:var(--background);font-size:50px;text-align:center;margin:0}h2{font-family:Coiny,system-ui;font-weight:400;font-style:normal;margin:0;font-size:20px;color:var(--background)}.main-content{display:flex;flex-direction:column;align-content:center;justify-content:center}.avatar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px 10px;min-height:32px}.header-section{background-color:var(--blue-forg);width:80%;margin:30px 0 0;border-radius:20px;align-self:center}.question-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px}.question-title{position:relative;top:-10px;width:60%;box-shadow:0 2px 5px #efebe0 inset;border-radius:20px;padding:5px;background-color:var(--background)}.question-title h5{font-family:Roboto,sans-serif;font-style:bold;font-size:25px;margin:0;padding:0}.question-form,.selection-form{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:50%;font-family:Roboto,sans-serif}.radio-quest,.selection-quest{padding:10px 0 10px 10px;background-color:var(--orange-forg);border-radius:20px;width:100%;margin-bottom:30px}.radio-form{display:flex;flex-direction:column;gap:10px}.radio-form label{font-size:20px;display:flex;gap:10px;align-items:center}.radio-form input{background-color:var(--background);font:inherit;color:var(--orange-forg);width:30px;height:30px;border:.15em solid var(--orange-forg);border-radius:50%;accent-color:var(--red-forg)}.next-button,.clear-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--blue-forg);color:var(--background);border-color:var(--blue-forg);border-radius:20px;font-family:Coiny,system-ui;font-weight:400;font-style:normal;font-size:20px;box-shadow:2px 2px var(--red-forg)}.selection-form select{background-color:var(--background);color:balck;border:none;border-radius:40px;font-family:Roboto,sans-serif;text-shadow:none;text-align:center;cursor:pointer;font-size:15px}.selection-form{padding:20px 10px;justify-content:center}.selection-quest{display:flex;justify-content:center;align-items:center}.submit-card{background-color:var(--orange-forg);margin-top:20px;align-self:center;width:60%;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px}.submit-button,.start-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--red-forg);color:var(--background);border-color:var(--red-forg);border-radius:20px;font-family:Coiny,system-ui;font-weight:400;font-style:normal;font-size:30px;box-shadow:2px 2px var(--blue-forg)}.clear-button{min-width:100px}.submit-card p{font-family:Coiny,system-ui;font-weight:400;font-style:normal;color:var(--black-forg);font-size:20px;text-align:center;width:60%}.footer-container{margin-top:50px;align-self:center}.footer-container img{width:40px;height:40px}.start-screen{align-self:center;margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;font-family:Coiny,system-ui;font-weight:400;font-style:normal;font-size:20px}.start-button{margin-top:20px;width:200px}.start-screen input{font-family:Roboto,sans-serif;font-size:20px;border-radius:20px;margin-left:10px;padding:10px;border:none;width:100px;box-shadow:2px 2px var(--orange-forg)}.start-screen select{margin-left:10px;padding:10px;font-family:Roboto,sans-serif;border-radius:20px;font-size:30px;border:none;box-shadow:2px 2px var(--orange-forg)}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;margin-top:30px}progress[value]::-webkit-progress-bar{background-color:var(--background);border-radius:2px solid var(--red-forg);border-radius:40px;box-shadow:0 2px 5px #00000040 inset}progress[value]::-webkit-progress-value{border-radius:40px;background-color:var(--red-forg)}@media (min-width: 668px){.main-content{height:100vh;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto}.header-section{grid-column:3 / 11;width:100%}.avatar{min-height:50px}.avatar h2,.avatar div{font-size:30px}h1{font-size:70px}.start-screen{grid-column:5/9;min-height:320px}.question-section{grid-column:4/10;min-height:300px}.question-title,.question-form,.selection-form{width:100%}.selection-form select{font-size:20px}.submit-card{grid-column:5/9;width:80%;margin:50px auto;min-height:300px}.submit-card p{margin:0;font-size:25px}.footer-container{grid-column:6/8;display:flex;justify-content:center}}