html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:#921b1d;margin:0;display:flex;flex-direction:column;align-items:center}.main{height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:height 0.7s}h1{margin:0;font-family:"Poppins", sans-serif;font-size:100px;color:white;line-height:1}h1 .light{font-size:60px;font-weight:200;transition:opacity 0.5s}h2{font-family:"Poppins", sans-serif;font-size:35px;font-weight:200;color:white;margin-top:0}p{color:#290405;font-family:"Open Sans", sans-serif}button{padding:10px;font-size:25px;font-family:"Open Sans";outline:none;border:none;border-radius:10px;background-color:#290405;color:white;width:300px;margin:10px}button:hover{cursor:pointer;background-color:#120202}button:disabled{cursor:auto}#start-btn{transition:opacity 0.5s}#box-container{display:none;width:800px}.box{width:100%;background-color:white;border-radius:10px;font-family:"Open Sans", sans-serif;text-align:center}.tabs{display:flex;flex-direction:row;width:100%}.tab-btn{background-color:#290405;margin:0;width:100%;font-size:20px;width:100%;border-radius:0}.tab-btn.active{background-color:#000;cursor:auto}.tab-btn:hover{background-color:#000}.tab-btn:first-child{border-radius:10px 0 0 0}.tab-btn:last-child{border-radius:0 10px 0 0}.tabcontent{padding:20px;display:none;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));grid-gap:30px 10px}.card{align-self:center;justify-self:center;margin:0 10px 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:150px;border-radius:5px 5px 0 0;background-color:#d1d1d1;cursor:pointer;transition:filter 0.2s;margin-bottom:0;padding:0 10px}.card:hover{background-color:#c4c4c4}.card.selected{background-color:#ff8588}.card.selected:hover{background-color:#ff6c6f}.card p{font-weight:700}.card img{height:70px}.dropdown-arrow{height:25px;width:120px;border-radius:0 0 5px 5px;background-color:#d1d1d1}.dropdown-arrow:hover{background-color:#c4c4c4;cursor:pointer}.dropdown-arrow.selected{background-color:#ff8588}.dropdown-arrow.selected:hover{background-color:#ff6c6f}.dropdown-content{z-index:2;display:none;position:absolute;top:175px;width:150px}.dropdown-content button{margin:0;width:100%;border-radius:0;background-color:#c9deff;color:black;font-size:16px}.dropdown-content button:hover{background-color:#b0ceff}.dropdown-content button.selected{background-color:#63a0ff}#submit{width:100%;margin-top:50px}.results{display:none;background-color:white;width:800px;padding:20px;border-radius:5px}.results h1{color:#290405;font-size:60px}@media only screen and (max-width: 850px){#box-container{width:600px}}@media only screen and (max-width: 600px){h1{font-size:60px}h1 .light{font-size:45px}h2{font-size:35px}input,textarea,select,#box-container,#submit,.results{width:100%}}@media only screen and (max-width: 600px){#box-container{width:100%}}