html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Josefin Sans,sans-serif;font-size:1.6rem;font-weight:500;margin:0}.container{display:flex;flex-direction:row}.menuBox{align-items:center;background-color:#444242;border-right:4px solid #888;color:#888;display:flex;flex-direction:column;justify-items:flex-start;min-height:100vh;position:fixed;text-transform:capitalize;width:15vw}.menuBox img{cursor:pointer;height:40px;padding:50px 0 15px;width:40px}#all{color:#fff;font-weight:700}.filter-text{cursor:pointer}@media screen and (max-width:750px){body{font-size:1.2rem}.menuBox{width:100px}}.contact-box{align-items:center;border-bottom:2px solid hsla(0,5%,78%,.47);-webkit-column-gap:40px;column-gap:40px;display:flex;flex-direction:row;width:80%}.contact-box p{cursor:pointer}.profile-photo{border-radius:100%;height:50px;width:50px}.phone-Number{align-self:baseline;color:#888;margin-left:auto}.status{color:#888}@media screen and (max-width:750px){.contact-box{align-items:center;flex-direction:column;max-width:200px;row-gap:5px}.phone-Number{align-self:unset;margin-left:0}.profile-photo{padding-top:20px}}.select-contact{align-items:flex-start;background-color:hsla(0,0%,88%,.63);display:flex;flex-direction:column;min-height:100vh;padding:0 30px;width:25vw}#option-part{border:none}#close,#delete,#edit,#verify{height:25px;width:25px}#edit,#verify{float:right}.select-contact div{border-bottom:1px solid #dcdcdc;width:90%}.select-contact img{align-self:center;border-radius:100%;height:100px;margin-top:50px;width:100px}.contact-info{color:#555;padding-left:40px}.select-contact input{background-color:unset;border:none;color:#d73f3f;display:block;font-size:1.6rem;font-weight:700;min-height:50px;outline:none;padding-left:40px}.select-contact label{display:block;padding-top:30px}.radio-input input{display:inline-block;vertical-align:middle}.select-contact-link{color:#555;text-decoration:none}.select-contact-btn{margin-top:50px}.select-contact-btn:hover{border:1px solid #d73f3f}.select-contact-btn:hover .select-contact-link{color:#d73f3f}@media screen and (max-width:750px){.select-contact{background-color:#fff;position:fixed;width:100vw;z-index:1000}.select-contact img{height:60px;margin-top:10px;width:60px}.select-contact div{margin:auto;width:70%}.select-contact-btn{margin-top:10px}#option-part{width:80vw}}#contactPartContainer{display:flex;flex-direction:column;margin-left:15vw;padding:30px 0 0 50px;width:60vw}#contactPartContainer-head{align-items:baseline;-webkit-column-gap:50px;column-gap:50px;display:flex;flex-direction:row;justify-content:flex-start}#filterSelect{color:#f83838;font-size:3rem;font-weight:700;text-transform:capitalize}#contactPartContainer-head img{padding:0 5px;width:30px}#contactPartContainer-head input{border:none;border-bottom:2px solid #c5c0c0;outline:none}@media screen and (max-width:750px){#contactPartContainer{margin-left:100px;max-width:500px;padding:10px 0 0 30px}#contactPartContainer-head{flex-direction:column}#filterSelect{font-size:2rem}#search{width:130px}}#callPart{background-image:url(/phonebook/static/media/%E2%80%94Pngtree%E2%80%94background%20frame%20with%20fluid%20style_1199250.6a3af3e6f027c3dc9b68.jpg);background-size:cover;min-height:100vh;padding:50px 0;width:100vw}.callBox{background-color:rgba(48,48,65,.81);color:#ddddf6;-webkit-column-gap:200px;column-gap:200px;flex-direction:row;height:80vh;margin:auto;width:80vw}.callBox,.callBox-personInfo{align-content:center;align-items:center;display:flex;justify-content:center}.callBox-personInfo{flex-direction:column;justify-items:center}.callBox-profile{height:200px;object-fit:cover;padding-bottom:40px;width:200px}button{border-radius:5px;margin:10px auto;padding:10px 20px}.back{background:transparent;border:1px solid #ddddf6}.back:hover{background-color:#ddddf6}.link{color:#ddddf6;text-decoration:none}.back:hover .link{color:rgba(48,48,65,.81)}.callImage{height:30px;margin-left:auto;padding-bottom:40px;width:30px}.callBox-list{display:flex;flex-direction:column;height:300px;overflow-y:scroll;width:300px}::-webkit-scrollbar{background:transparent;width:0}::-webkit-scrollbar-thumb{background:red}.callBox-call{display:flex;flex-direction:row}@media screen and (max-width:780px){.callPart{min-height:100vh}.callBox{align-content:center;align-items:center;flex-direction:column;height:auto;justify-content:center;row-gap:20px}.callBox-profile{height:80px;padding:20px;width:80px}.callImage{height:30px;margin-left:auto;padding-bottom:40px;width:30px}.callBox-list{height:300px;overflow-y:scroll;width:100%}.callBox-call{-webkit-column-gap:20px;column-gap:20px}}body{overflow-x:hidden}
/*# sourceMappingURL=main.1b713162.css.map*/