*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh}.main-container{width:100%;height:100vh;background-color:#40e0d0;display:flex;align-items:center;justify-content:center;font-family:Verdana,Geneva,Tahoma,sans-serif}.card-container{width:100%;max-width:800px;height:400px;background-color:#d8bfd8;border-radius:.8rem;padding:1rem}.card-container h1{text-align:center}.inner-card{width:100%;height:90%;display:flex;justify-content:space-between;padding:1rem}.first-column{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border-right:2px solid black}.first-column input{width:150px;height:50px;border:none;border-radius:5px;padding:10px;cursor:pointer}.button-container{display:flex;gap:1rem}.button-container button{padding:1rem;border:none;border-radius:10px;font-size:1rem;color:#fff;cursor:pointer;background-color:#00f}input:focus{outline:none}.button-container button+button{background-color:#ff46c1}.second-column{width:100%;display:flex;flex-direction:column;margin-top:30px}.second-row-inner{display:flex;flex-direction:column;align-items:center;gap:3rem}@media(max-width:850px){.card-container{margin-inline:.5rem}}@media(max-width:540px){.card-container{padding:5px}.button-container{flex-wrap:wrap}}