:root{--primary: #232F3E;--secondary: #F3A847;--tertiary: #B12704;--light: #fafafa;--dark: #272f32;--error: rgb(228, 46, 1);--spacing-one:.5rem;--spacing-two:1rem;--dark-gray: #575859}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;padding:0;font-family:Karla,sans-serif;font-weight:400;line-height:1.5;font-size:16px;color:var(--light);background-color:var(--dark-gray);background-size:2000px}h1,h2,h3,h4,h5,h6{font-family:Rubik,sans-serif;font-weight:500;margin:5px 0;line-height:1.25}h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-size:1.1rem;margin-top:0}a{color:var(--light);text-decoration:none;font-weight:700}a:hover{text-decoration:underline}header{background:var(--primary)}header a{color:var(--light)}button{font-size:1rem;text-decoration:none;padding:.25rem 1rem;border-radius:.5rem;border:none;outline:none;cursor:pointer;margin:0 1px;background-color:var(--secondary)}button:hover{opacity:.8}button[disabled]{cursor:default;opacity:.8}img{max-width:100%}span[role=img]{cursor:default}form{width:40%}input{font-size:1rem;padding:.25rem;border:1px solid var(--dark);outline:none;border-radius:3px;transition:box-shadow .2s}input:focus{border:1px solid var(--secondary);box-shadow:0 0 .25rem #00000080}.container{width:85%;max-width:1200px;margin-left:auto;margin-right:auto}.flex-row{display:flex;flex-wrap:wrap}.space-between{justify-content:space-between}.flex-end{justify-content:flex-end}.mx-1{margin-right:var(--spacing-one);margin-left:var(--spacing-one)}.mx-2{margin-right:var(--spacing-two);margin-left:var(--spacing-two)}.my-1{margin-top:var(--spacing-one);margin-bottom:var(--spacing-one)}.my-2{margin-top:var(--spacing-two);margin-bottom:var(--spacing-two)}.px-1{padding-right:var(--spacing-one);padding-left:var(--spacing-one)}.px-2{padding-right:var(--spacing-two);padding-left:var(--spacing-two)}.py-1{padding-top:var(--spacing-one);padding-bottom:var(--spacing-one)}.py-2{padding-top:var(--spacing-two);padding-bottom:var(--spacing-two)}.card{width:25%;text-align:center}.error-text{color:var(--error)}@media screen and (max-width: 768px){.card{width:100%}}.image{margin:0;padding:10px 0 0;display:inline-block}.coffee{display:inline-block;padding:6px 0 0;font-size:40px}.coffee:hover{cursor:pointer}.navbar{display:flex;align-items:end}.category{margin:0 10px 10px 0}.shopping-cart{margin:40px 50px 50px;padding:10px 20px 20px;border:solid;border-radius:20px;width:400px}.item-name{margin:0 20px 0 0;display:flex;flex-direction:row;display:inline-block;font-size:20px}.item-quantity{margin:0 0 20px}.checkout-button{height:30px}