:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}html,body{height:100%;margin:0;padding:0}.myBackground{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:#2a7b9b;background:linear-gradient(90deg,#2a7b9b,#57c785,#eddd53)}.whiteBox{background-color:#fff;padding:20px;min-width:300px;height:80%;width:25%;border:1px solid #333}.itemBox{display:flex;justify-content:center;align-items:center;width:100%;height:80px}.title{font-size:30px;color:#333}.myForm,.myButton{width:100%}.myButton{background:#2a7b9b!important}.TopBar{display:flex;padding:10px;background-color:#444;color:#fff;align-items:center;margin-bottom:20px}.FormBox{width:100%;min-height:100px;display:flex;justify-content:space-evenly;flex-wrap:wrap;box-shadow:#64646f33 0 7px 29px;align-items:center;height:100%}.FormArea{display:flex;flex-wrap:wrap;gap:20px;width:100%;margin-bottom:20px;padding:15px}.FormArea>div{flex:1 1 calc(50% - 20px)}@media(max-width:768px){.FormArea>div{flex:1 1 100%}}