body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#app{margin:0;padding:0}#app,#header{position:relative}#header{background-color:rgba(51,33,214,.815);left:0;padding:10px;right:0}#header h2{color:#fff;display:inline;left:43%;margin:0;padding:0;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#header button{background-color:rgba(128,128,233,.767);border:none;box-shadow:1px 1px 2px gray;color:#fff;cursor:pointer;height:30px;position:absolute;right:15%;width:100px}@media(max-width:500px){#header button{position:absolute;right:2%}#header h2{left:39%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}#form-div{border:1px solid grey;box-shadow:1px 1px 2px gray;margin:20px auto;padding:15px 5px;width:70%}@media(max-width:600px){#form-div{width:90%}}#input-flex{display:flex;justify-content:space-between}#form-title{font-size:20px;font-weight:700}.col{box-sizing:border-box;display:flex;flex-direction:column-reverse;width:49.5%}.col input{border:none;border-bottom:2px solid gray;height:35px;outline:none}.col input:focus{border-bottom:2px solid blue}.col input:focus+label{color:blue}#btn-flex{margin:15px 0}#update-delete-back{display:flex;justify-content:space-between;margin:0;padding:0}#add,#back,#delete,#update{background-color:#5151d6;border:0;box-shadow:1px 1px 2px gray;color:#fff;cursor:pointer;font-size:15px;height:30px;margin-right:2px;padding:5px;width:100px}#back{background-color:gray}#update{background-color:orange;margin-right:5px;width:130px}#delete{background-color:#ff4500;width:130px}#section2{margin:10px auto;width:70%}#section2 h1{margin-top:0;text-align:center}#unordered-list{list-style-type:none;padding:0}#unordered-list li{border:.5px solid grey;padding:5px}#unordered-list li #icon{cursor:pointer;float:right}#errorStatus{display:flex;height:30px;justify-content:center}#successful{color:#1cd31c}#error,#successful{font-style:italic;font-weight:700}#error{color:#f50e0e}#error-div,#loading-div{font-weight:700;text-align:center}
/*# sourceMappingURL=main.47fbffd1.css.map*/