* {
     margin: 0;
     padding: 0;
     box-sizing:
         border-box;
     font-family:
         sans-serif;
 }

 body {
     background-color: #f4f1ea;
     display:
         flex;
     justify-content:
         center;
     align-items:
         center;
     height:
         100vh;
 }

 .container {
     background: #fff;
     padding: 40px;
     border-radius: 8px;
     width: 450px;
     text-align:
         center;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
 }

 h2 {
     margin-bottom: 40px;
     color: #333;
     font-weight: 400;
 }

 .input-field {
     margin-bottom: 35px;
     border-bottom: 1px solid #ccc;
     position: relative;
 }

 .txt,
 select {
     width: 100%;
     padding: 10px 0;
     border: none;
     outline: none;
     background: none;
     font-size: 16px;
 }

 .btn-gerar {
     width: 100%;
     background: #a3a099;
     color: #fff;
     border: none;
     padding: 15px;
     cursor: pointer;
     font-weight: bold;
     text-transform: uppercase;
     border-radius: 4px;
 }

 .btn-gerar:hover {
     background: #8e8b85;
 }