body{background-color:#f5f5f5;margin:0;font-family:Roboto,sans-serif}input:focus,button:focus{outline:none}button{cursor:pointer}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.text-center{align-items:center;text-align:center}.align-center{align-items:center}.align-start{align-items:start}.w100{width:100%}.w90{width:90%}.w80{width:80%;margin:40px auto}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt100{margin:100px auto}.mb20{margin-bottom:20px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.title{text-align:center;margin:50px 0}.title h2{font-family:sans-serif;font-style:italic;margin:0 10px}.post-form{width:30%}.post-form label{font-size:16px;font-weight:bolder}#user-field,#age-field,#email-field{width:100%;padding:10px;border:2px solid white;border-radius:5px;box-sizing:border-box}#user-field.error,#age-field.error,#email-field.error{border:2px solid #ff0000}#user-field.valid,#age-field.valid,#email-field.valid{border:2px solid #008000}#user-field+small,#age-field+small,#email-field+small{margin:5px 0 30px;font-size:13px;color:#333;font-family:sans-serif;display:block}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.post-form button{padding:5px 20px;background-color:#24a0ed;border:none;color:#fff;cursor:pointer}.user-table{width:65%;margin-top:37px;border-collapse:collapse}.user-table th,.user-table td{text-align:start;padding:10px}.user-table thead{background-color:#fff}.user-table tbody tr{border-bottom:2px solid white}.user-table #edit-btn{background-color:#24a0ed;padding:5px 10px;color:#fff;border:none;border-radius:5px;cursor:pointer}.user-table #del-btn{background-color:#d11a2a;padding:5px 10px;color:#fff;border:none;border-radius:5px;cursor:pointer}.empty-text{position:absolute;right:36%;font-size:16px;font-style:italic}.put-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#00000080;display:flex;align-items:center;z-index:1}.put-content{background:#fff;width:30%;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;margin:0 auto}.put-content form,.put-content form div{width:100%}.put-content form input{margin:0 0 30px;border:1px solid #efefef;padding:10px;width:100%;box-sizing:border-box}.put-content #update-btn{background-color:#24a0ed;padding:5px 20px;border:none;color:#fff;font-size:14px;margin:0 10px 0 0}.put-content .cancel-btn{background-color:red;padding:5px 20px;border:none;color:#fff;font-size:14px}.del-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#00000080;display:flex;align-items:center;z-index:1}.del-content{background:#fff;width:20%;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;margin:0 auto}.del-content p{font-size:14px}.del-content p span{color:red}.del-btn-modal{background-color:red;padding:10px 20px;border:none;border-radius:5px;color:#fff;font-size:14px;margin:0 10px 0 0}.ticker{display:none;position:fixed;right:2%;bottom:5%}.ticker.active{display:block}.ticker div{background-color:#d11a2a;padding:2px 20px;border-radius:5px}.ticker div p{color:#fff;font-size:14px;letter-spacing:2px}.sending-fix{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;display:flex;align-items:start;justify-content:center}.sending-fix .sending-fix-content{width:fit-content;background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:5px 15px}.sending-fix .sending-fix-content p{font-size:16px;font-weight:700;letter-spacing:2px;color:#222}@media (max-width: 1280px){.isResponse-row{width:95%}}@media (max-width: 670px){.row{display:flex;flex-direction:column}.post-form,.user-table{width:100%}.put-content{width:50%}.del-content{width:40%}}@media (max-width: 412px){.user-table thead tr th:nth-child(3){display:none}.user-table tbody tr td:nth-child(3){display:none}}@media (max-width: 360px){.put-content{width:70%}}