#app{font-family:TorontoSubway;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin-top:20px;font-size:20px}.container{width:60%;margin:0 auto}.container,.form-class{display:flex;flex-direction:column;align-items:center}.form-class{justify-content:center;margin-top:20px}h1{font-weight:700;font-size:60px}.label,label{font-weighT:700;font-size:30px;margin-bottom:10px;margin-top:10px}select{font-family:TorontoSubway;font-size:20px;padding:10px;background-color:#f5f5f5;border:none;border-radius:5px;width:200px}select:hover{cursor:pointer}input{font-family:TorontoSubway;font-size:20px;padding:10px;background-color:#f5f5f5;border:none;border-radius:5px;max-width:200px;margin-bottom:0}.checkbox{width:25px;height:25px}.preview{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;margin:0;padding:0}.subtext{font-size:20px;margin:0}.submit{margin-top:20px;cursor:pointer;margin-bottom:50px}.colors-container{flex-direction:column}.colors,.colors-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.colors{flex-wrap:wrap;gap:10px}.color{width:200px;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;border-radius:10px;padding:10px;padding-bottom:0;cursor:pointer}.color-text{margin:0}@media (max-width:1020px){.container{width:90%}h1{font-size:40px}}