*{font-family:Roboto,sans-serif;font-weight:300;font-size:20px;box-sizing:border-box;color-scheme:light}.main-title{font-size:2.5em;font-weight:300;margin-bottom:.5em}main{display:flex}.theme-toggler{position:absolute;top:15px;right:25px;font-size:1.5em;cursor:pointer}.dark-mode{background-color:#222;color:#fff}header{padding:1em;text-align:center}.paper{padding:1em;margin:2em;box-shadow:1px 1px 5px #0000001a}.text-sm{font-size:.8em}.text-error{color:red}.text-success{color:green}.form{display:flex;flex-direction:column;align-items:center}.form-group{width:70%;text-align:left;margin-bottom:.5em}.form-group label{font-size:.7em;padding-left:5px}button{padding:.5em 1em;border-radius:5px;border:none;cursor:pointer;font-size:1em;font-weight:300;margin:5px}.primary{background-color:#2196f3;color:#fff}input{width:100%;padding:.5em 1em;border-radius:5px;border:1px solid #ccc;font-size:1em;font-weight:300;margin:5px}.person-container{padding:2em}.table-container{width:65%;padding:2em;margin-left:auto;margin-right:auto}table{width:100%;border-collapse:collapse;margin-left:auto;margin-right:auto}table tbody tr:nth-child(odd){background-color:#f8f8f8}table tbody tr:hover{background-color:#ddd}table thead tr th{padding:.5em 1em;border-bottom:1px solid #ccc}#table-body tr td{height:10px;padding:.5em 1em;border-bottom:1px solid #ccc}@media (max-width: 767px){main{display:flex;flex-direction:column}.table-container{width:100%;padding:5px}table{width:100%;border-collapse:collapse;margin-left:auto;margin-right:auto}table tbody tr:nth-child(odd){background-color:#eee}table tbody tr:hover{background-color:#ddd}table thead tr th{padding:5px;border-bottom:1px solid #ccc}input{padding:5px}.paper{padding:5px;margin:5px}}flex{display:flex}dialog{border:none;box-shadow:1px 1px 5px #0000001a;animation:show .4s ease normal}@keyframes show{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}