.wrapper{display:flex;width:80%;justify-content:center;margin:0 auto}.userContact{font-size:1.2rem;padding:.5rem .25rem}.userContact:hover{cursor:pointer}.userContact:focus{background-color:rgba(137,43,226,.466);color:#fff}.list{display:flex;flex-direction:column;width:20%;align-self:flex-start;background-color:rgba(223,162,238,.13)}.listHead{display:flex;align-items:center;width:70%;justify-content:center}h1{margin-left:.25rem;color:#494949}.mainDisplay{display:flex;flex-direction:column;align-items:space-around;width:50%;background-color:#fff9f2;padding-left:2vw;padding-right:2vw}.mainDisplay>h1{text-align:center}.firstNameBox,.lastNameBox{width:50%}h6{font-size:small;margin-bottom:1rem}.startDisplay{display:flex;height:50%;flex-direction:column;justify-content:center;align-items:center;text-align:center}.startDisplay,.startDisplay>h1{align-self:center}.editName{display:flex;justify-content:space-between;width:100%}.contactEmails,.editName{margin-top:10vh}.btnGroup{margin-top:20vh}.btnGroup,.nameInput{width:90%;display:flex;justify-content:space-between}.nameInput{height:2rem;background-color:rgba(137,43,226,.082);border:1px solid rgba(137,43,226,.308);color:#494949;font-size:large}.nameInput:focus{outline:none;border:2px solid rgba(99,196,241,.308)}.btn{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.btn:hover{cursor:pointer}.mainAddBtn{border:1px solid rgba(97,186,228,.767);color:rgba(8,111,158,.945)}.closeBtn,.mainAddBtn{width:7rem;height:2rem}.closeBtn{border:1px solid rgba(236,37,104,.767)}.addEmlBtn{font-size:medium;color:rgba(97,186,228,.767)}.saveBtn{color:#fff;border:1px solid rgba(97,186,228,.767);background-color:#99dfff;font-size:medium}.cancelBtn,.saveBtn{width:7rem;height:2rem}.cancelBtn{color:rgba(41,52,56,.767);border:1px solid rgba(94,98,100,.767)}.deleteBtn{color:rgba(250,25,36,.767);border:1px solid rgba(190,14,14,.74);width:7rem;height:2rem}.cancelSave,.emailGrp{display:flex}.cancelSave{justify-content:space-between;width:40%}.MuiSvgIcon-root{color:rgba(97,186,228,.767)!important}.MuiSvgIcon-fontSizeSmall{color:rgba(190,14,14,.74)!important}.MuiSvgIcon-fontSizeLarge{color:rgba(97,186,228,.767)!important}.contactModal{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.addContactForm{width:80%}.modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40vw;min-height:40vh;background-color:#fff;border-radius:10px}.modal-footer,.modal-header{padding:10px}.modal-title{margin:0}.modal-body{display:flex;flex-direction:column;align-items:center;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:5vh}.modal-footer{display:flex;justify-content:space-around}.modalInput{width:10rem;height:1.5rem;border:1px solid rgba(8,111,158,.945)}.modalInput:focus{outline:none;border:2px solid rgba(8,111,158,.945)}.emailModal{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.eml-modal-footer{width:80%}*{box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}
/*# sourceMappingURL=main.c1f58edd.chunk.css.map */