.flex-container{display:flex;gap:10px}.col-1{flex:0.5 1}.col-2{flex:2 1}.col-4{flex:4 1}.col-5{flex:5 1}.col-8{flex:8 1}.col-9{flex:9 1}.col-12{flex:12 1}.col-4,.col-8{padding:10px;border:1px solid #ddd}#css-form-box .col-4,#css-form-box .col-8{border:none}#css-form-box .col-4{font-size:1.5vh}input[type=text],select{padding:6px 8px;border:2px solid #ccc;border-radius:5px;box-sizing:border-box;background-color:#fff}button,input[type=text],select{font-size:16px;transition:all .3s ease}button{display:block;padding:15px 30px;font-weight:700;text-align:center;text-decoration:none;color:#fff;background-color:#007BFF;border:none;border-radius:5px;cursor:pointer;outline:none}.button-container{display:flex;justify-content:center;align-items:center}.btn-generate{background-color:#4CAF50;color:white;margin:5vh 0;padding:20px 40px;font-size:27.5px;border:none;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.25);cursor:pointer;transition:background-color .3s ease}.btn-generate:hover{background-color:#45a049}.btn-2{background-color:#ccc;color:black;margin-top:5px;padding:5px 10px;font-size:12.5px;border:none;border-radius:5px;box-shadow:none;cursor:pointer;transition:background-color .3s ease}#content,.btn-2{display:block}#small-screens{display:none}@media (max-width:768px){#content{display:none}#small-screens{display:block}}