.headline{display:flex;flex-direction:row;justify-content:space-between}h2{font-size:30px}.toppings-list{margin:0}ul{list-style-type:none;padding:0}.toppings-list-item{display:flex;flex-direction:row;justify-content:space-between;padding:.5em 0}.toppings-result{display:flex;flex-direction:column;margin:2em 0 1em;border:1px solid #caced1;background-color:#ffffffe1;border-radius:20px;padding:1em}.toppings-selected{display:flex;flex-direction:row;align-items:end;padding:0}.score-section{display:flex;flex-direction:row}.main-container{width:90%;margin:0 auto;padding-bottom:2em}.question{width:90%;margin:2em 0;padding:1em 5%;background-color:snow;border-radius:20px;border:1px solid #caced1}.result-container img{width:100%;border-radius:20px;margin-top:50px}.result-container h2{margin-bottom:50px}.quote-name{text-align:right;padding-right:10px}p span{font-weight:400}form{margin-top:2em}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px;background-color:#fff;border:1px solid rgb(56,56,56);border-radius:50%;margin-right:1em}input[type=radio]:checked{background-color:#ff7e5e}.radio-option{padding-bottom:1em}input[type=checkbox]{accent-color:rgb(255,126,94);margin-right:1em}.dropdown select{background-color:#fff;border:1px solid #caced1;border-radius:15px;color:#000;padding:12px;width:100%;max-width:350px;font-size:16px;-webkit-appearance:button;-moz-appearance:button;appearance:button;outline:none}p span{font-size:16px;font-weight:700;padding-right:.5em}.submit-container{width:90%;margin:0 auto;height:150px}.submit{width:40%;margin:0 auto;display:flex;justify-content:center;align-items:center}input[type=submit]{background-color:#fd8567;padding:15px;border:1px solid #caced1;border-radius:15px;font-size:18px}input[type=submit]:hover{background-color:#fc5d41}@media screen and (min-width: 768px){.main-container{width:50%;margin:0 auto}.submit-container{width:50%}}@media screen and (min-width: 1200px){.main-container{width:30%;margin:0 auto}.submit-container{width:30%}}header{width:100wv;margin-bottom:3em}h1{position:absolute;z-index:1;bottom:0;left:10%;color:#fff;display:none}#headerImg{position:relative;z-index:0;width:100%;object-fit:cover;position:center;min-height:200px}@media screen and (min-width: 768px){header{margin-bottom:5em}h1{font-size:30px;top:1.5em}}@media screen and (min-width: 1200px){header{margin-bottom:5em}h1{font-size:40px;top:2em;left:30%}}:root{margin:0;font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0}