*{margin:0}html{background:rgb(30,30,30);height:100%}body{background:rgb(40,40,40);width:60%;min-width:570px;height:100%;margin:0 auto;padding:3em;align-content:center;font-family:Roboto,sans-serif}#app{display:grid;justify-items:center}form,table{min-width:570px;margin:0 auto}form{display:flex;align-items:center;flex-direction:column}p,th,label{font-size:1.5em;margin:.3em}label{margin-top:0}h1{font-size:2.5em;margin:1em}h2{font-size:2em}p,h1,th,label,h2{color:#bebec8;text-align:center}input[type=text],select,button{background-color:#7878a0;border:none;border-radius:5px;height:35px;font-size:1.5em;color:#f0f0fa;width:100px;padding:0 3px}select{width:300px}button{display:block;width:20%;min-width:120px;height:2em;margin-top:1em;border-radius:10px}.tableCell{display:flex;justify-content:center;align-items:center}.icon{height:30px;width:30px;margin:4px}.warningWrapper{position:relative;display:inline-block}.warningWrapper:hover .errMsg{visibility:visible}.errMsg{color:#b43c3c;position:absolute;font-size:1.2em;top:50%;left:50%;transform:translate(-125%,-50%);background-color:#222;border-radius:10px;padding:5px 10px;visibility:hidden}.errMsgGeneral{color:#b43c3c;margin:0}.typeDiv{display:flex;justify-content:center;align-content:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.popup{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#282828;padding:20px;border-radius:10px;box-shadow:0 0 5px #fff;max-width:400px}.hidden{display:none}button:hover,input:hover,select:hover{transition:all .4s ease;box-shadow:0 0 10px #fff}