:root{--orange-600: hsl(25, 97%, 53%);--white: hsl(0, 0%, 100%);--grey-300: hsl(217, 12%, 63%);--grey-500: hsl(216, 12%, 54%);--dark-blue-500: hsl(213, 19%, 18%);--dark-blue-900: hsl(216, 12%, 8%)}*,html,body{box-sizing:border-box;padding:0;margin:0;font-family:Overpass,sans-serif;font-size:15px}body{background-color:var(--dark-blue-900);color:var(--grey-300)}body .btn-secondary{background:var(--dark-blue-500);color:var(--grey-300);filter:contrast(.9)}body .btn-secondary[aria-checked=true]{background-color:var(--grey-300);color:#fff}body .btn-secondary:hover{background:var(--orange-600);color:#fff}body .btn-secondary:focus{outline-color:var(--orange-600)}body .btn-primary{background:var(--orange-600);color:var(--white);font-weight:700;cursor:pointer}body .btn-primary:hover{background:var(--white);color:var(--orange-600)}body .btn-primary:focus{outline-color:var(--orange-600)}body .title{font-size:1.5rem;color:var(--white)}body .text-normal{color:var(--grey-300)}body .icon-primary{background:var(--dark-blue-500);color:var(--grey-300);filter:contrast(.9)}body .icon-primary:focus{outline-color:var(--orange-600)}body .card{background-color:var(--dark-blue-500);padding:20px;border-radius:20px;margin:auto;width:clamp(200px,90%,400px)}