@import"https://fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--White: hsl(0, 0%, 100%);--Light-Grey: hsl(217, 12%, 63%);--Medium-Grey: hsl(216, 12%, 54%);--Dark-Blue: hsl(213, 19%, 18%);--Very-Dark-Blue: hsl(216, 12%, 8%);--orange:hsl(25, 97%, 53%);--AlphaBlue:hsla(216, 12%, 8%, .4);--font-family: "Overpass", sans-serif}html{font-size:15px;font-family:var(--font-family)}body{background-color:var(--Very-Dark-Blue);padding:100px 0;color:#fff;display:grid;place-content:center}.App{padding:25px;border-radius:20px;background-color:var(--Dark-Blue);max-width:300px;width:95%;margin:50px auto 0;line-height:2}p{font-size:.8rem;color:var(--Medium-Grey);line-height:1.4}.message{color:var(--orange);background-color:var(--AlphaBlue);width:60%;margin:auto;padding:5px 0 3px;border-radius:20px}.star--container{background-color:var(--AlphaBlue);border-radius:50%;padding:10px 10px 6px;width:fit-content;line-height:1.2}.buttons--container{padding:15px 0;display:flex;justify-content:space-between}.btn--select{cursor:pointer;border-radius:50%;padding:10px 15px;border:none;background-color:var(--AlphaBlue);color:var(--Medium-Grey)}.btn--select:hover{background-color:var(--orange);color:var(--White)}.btn--select:focus{background-color:var(--Light-Grey);color:var(--White)}.btn--submit{background-color:var(--orange);color:var(--White);border:none;border-radius:100px;width:100%;padding:8px 0;font-weight:300;cursor:pointer}.btn--submit:disabled{cursor:default}.btn--submit:hover{background-color:var(--White);color:var(--orange)}.thank-you{text-align:center}