@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap);:root{--accent:#0fd;--dark:#000;--darkAccent:#05ccb1;--light:#fff;--semiTransparent:#9696965e;--transparent:#fff0}.active{color:var(--accent)}.App{text-align:center}body{padding-bottom:85px}.modal-body,.modal-content,.modal-footer,.modal-header,body,html{background-color:var(--dark)}body,html{color:var(--light);height:100%;margin:0;overflow-x:hidden;overflow-y:auto;width:100%}.btn-danger,.form-btn,.noEffect{border:none;font-size:20px;font-weight:500;outline:none}.btn-danger{background-color:red;outline:2px solid var(--transparent)}.btn-danger,.modal-footer>.button{color:var(--light)}.card{height:auto;margin:auto;max-width:350px;width:100%}.close{color:red;font-size:40px}.container{height:100vh;max-width:100vw;padding:10px}.editForm{background-color:#fff;color:#000;height:-moz-fit-content;height:fit-content;padding:0}.errMessage{color:var(--darkAccent);font-size:20px}footer{margin-top:10px;padding-top:1px;width:100vw}.footer-btn,footer{align-items:center;background-color:var(--dark)}.footer-btn{border-radius:50%;display:inline-flex;height:40px;justify-content:center;width:40px}.footer-btn i{color:var(--darkAccent);font-size:30px}.footer-btn:hover{background-color:var(--accent);outline:2px solid --darkAccent}.footer-btn:hover i{color:var(--dark)}form{border-radius:5px;color:var(--light);height:-moz-fit-content;height:fit-content;padding:10px}.form-btn{background-color:var(--darkAccent);border:none;color:var(--dark);outline:2px solid var(--transparent)}.fornLengthButton{min-width:200px}.footer-btn,.item-btn{align-items:center;display:inline-flex;height:40px;justify-content:center;width:40px}.form-btn:disabled{background-color:var(--darkAccent);border:none;color:var(--dark);outline:2px solid var(--transparent)}.form-btn:hover{background-color:var(--transparent);border:none;color:var(--accent);outline:2px solid var(--accent)}.formGroup{margin:auto;min-width:300px;padding:0}.formStyle{background-color:var(--transparent);border:none;color:var(--light);filter:blur(20px)}img{height:auto;object-fit:cover;padding-bottom:2%;width:50%}.inputField{background-color:var(--transparent);border:1px solid var(--semiTransparent);color:var(--light)}.inputField:focus{background-color:var(--dark);border:none;color:var(--light);outline:2px var(--darkAccent) solid}label{font-size:20px;margin-top:20px}.landingPageText{font-size:30px}.main{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:10px;width:100vw}.modal-header{border:0}.navbar{background-color:var(--dark);font-size:20px;font-weight:500}.nav-brand,.navbarToggler{color:var(--darkAccent)}.navbarToggler{font-size:30px}.navLink{text-wrap:nowrap;color:var(--light);text-decoration:none}.nav-brand:hover,.navLink:hover,.noEffect:hover{background-color:var(--transparent);color:var(--darkAccent);text-decoration:none}.noEffect{background-color:var(--transparent);margin:0;padding:0;text-align:left}p{font-size:20px}.profileInfo{margin:auto;max-width:75%}.resultPhoto{height:auto;width:50%}.table-responsive{margin:auto;max-width:100vw;overflow-x:auto;width:100%}table{min-width:300px;width:100%}table,td,th{text-align:left}td,th{white-space:nowrap}th{text-wrap:nowrap}.tableImage{display:block;height:auto;margin:auto;max-width:200px}tr{border:none}.truncate{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate:hover{background-color:var(--dark);overflow:hidden;text-overflow:clip;white-space:normal;width:auto}@media screen and (max-width:425px){table,tbody,td,th,thead,tr{display:block;width:100%}th{display:none}tr{border:none;margin-bottom:0}td,tr{padding:5px}td{text-wrap:wrap;display:flex;justify-content:space-between}td:before{content:attr(data-label);flex:1 1;font-weight:700}.item-btn{height:50px;width:50px}.truncate{max-width:250px;white-space:nowrap}}@media screen and (width:768px){img{height:auto}img,table{width:100%}table{overflow-x:auto}.truncate{max-width:200px;white-space:normal}td,th{text-wrap:nowrap;flex-grow:1;flex-shrink:1;margin:0;min-width:100px;padding:5px;word-break:break-word}}@media screen and (min-width:425px){img{height:auto;min-width:150px}td,th{padding:5px}}body{font-family:Rubik,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Rubik Mono One,sans-serif}.small{font-style:italic;font-weight:300}
/*# sourceMappingURL=main.41f980fb.css.map*/