*{border:0;margin:0;padding:0}p{font-family:Poppins,sans-serif;font-weight:700}.main{display:flex;flex-direction:row}button{cursor:pointer;outline:none}.main{background:#262a41 0 0 no-repeat padding-box;left:0;margin:auto;min-height:100vh;opacity:1;right:0;top:0;width:100%}.greeting{font-weight:lighter}.greeting,.username{color:#fff;font-family:Poppins;font-size:42px;letter-spacing:-.05px;opacity:1;text-align:left}.username{font-weight:700}.subtitle{font-size:20pxpx;letter-spacing:.23px;opacity:.66}.show-title,.subtitle{color:#fff;font-family:Poppins}.show-title{font-size:20px;font-weight:700;letter-spacing:-.02px;margin-top:40px;opacity:.7}.find{align-items:center;background:#3c3f54 0 0 no-repeat padding-box;border-radius:20px;display:flex;flex-direction:row;margin-top:40px;padding:18px 20px;width:300px}.find i{font-size:20px;margin-right:10px}.find input{background-color:initial;font-size:20px;outline:none;width:100%}.btn-group{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:40px;width:300px}.pink{background-color:#f935a9}.green,.pink{border-radius:15px;padding:20px;width:70px}.green{background-color:#30bbb5}.purple{background-color:#7946c1;border-radius:15px;padding:20px;width:70px}.user-btn{align-items:center;display:flex;flex-direction:column}.user-btn button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .2s ease-in-out;-webkit-transition:-moz-transform .3s ease-out;-moz-transition:-webkit-transform .3s ease-out}i{color:#fff;font-size:32px;opacity:1}.subtitle-btn{color:#fff;font-size:10px;font-weight:700;margin-top:10px}.left-side{background-color:#f7f7ff;border-radius:20px;margin-right:40px;margin-top:130px;padding:40px}.show{display:"block"}.hidden{display:none}.left-side h1{color:#262a41;font-family:Poppins,sans-serif;font-size:26px;font-weight:700}.age{font-size:20px;font-weight:lighter}.filter-title{color:#262a41;font-family:Poppins,sans-serif;font-size:12px;margin-top:10px}.search-filter{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:10px 0}.search-box{background-color:#d1d1d18c;border-radius:40px;margin-right:20px;padding:8px;width:50%}.search-box input{background-color:initial;color:#262a41;letter-spacing:-.02px;margin-left:10px;opacity:.52;outline:none;width:100%}button:disabled,button[disabled]{opacity:.53}.country{border-radius:40px;font-size:16px;margin-right:20px;outline:none;padding:10px 20px}.user-details{display:flex;flex-direction:column;justify-content:center;margin-right:30px}.user-list{overflow:hidden;width:100%}.user-list-box{background-color:#fff;border-radius:18px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;margin-top:10px;position:relative;width:100%}.user-list-box:hover{box-shadow:10px 10px 40px #0000000d}.user-list-img{padding:20px}.user-list-img img{border:7px solid #75d6d1;border-radius:50%;height:70px;object-fit:cover;width:70px}.user-details h4{color:#262a41;font-family:Poppins;font-size:16px;font-weight:700;margin-left:5px}.user-details{padding:20px;width:100%}.user-details p{color:#262a41;font-family:"Poppins, san-serif";font-size:20px;font-style:italic;font-weight:700;letter-spacing:-.02px;margin-left:5px;opacity:.69}.user-mail{align-items:center;display:flex;flex-direction:row;margin-top:5px}.user-mail i{color:#262a41;font-size:12px;margin-left:5px;opacity:.44}.address{margin-top:5px}.user-view-btn i{background-color:initial;font-size:20px}.user-view-btn button{background:#30bbb5 0 0 no-repeat padding-box;border-radius:13px;bottom:25px;box-shadow:2px 15px 30px #30bbb574;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;opacity:1;padding:15px;position:absolute;right:20px}.download-section{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;margin-top:20px;position:relative}.right-side{margin:230px 100px 100px}.right{background-color:#262a41;margin-left:10px}.right,.right i{color:#fff}.left i{color:#262a41}.download-section .download{align-items:center;background-color:#7946c1;border-radius:50px;color:#fff;display:flex;flex-direction:row;justify-content:center;width:270px}.download p{font-size:16px;margin-left:10px}.download i{align-items:center;color:#fff;display:flex;font-size:20px;height:50px;margin:0}.pagination button{border-radius:11px;padding:15px 20px}.pagination i{font-size:20px;font-weight:700}.user-detail{display:flex;flex-direction:row;margin-top:30px}.user-detail-img img{border:7px solid #75d6d1;border-radius:50%;height:150px;object-fit:cover;width:150px}.detail{margin-left:30px}.detail-name{font-size:20px}.detail-name,.detail-phone{font-family:Poppins;font-weight:700}.detail-phone{font-size:10px;margin-top:20px;opacity:.69}.btn-back{align-items:center;background-color:initial;display:flex;flex-direction:row;width:100px}.btn-back i{color:#75d6d1;font-size:14px}.btn-back p{font-family:Poppins;font-size:20px;margin-left:10px}.user-detail-contain{margin-bottom:60px;margin-top:40px}.add-email{align-items:center;background-color:rgba(38,42,65,.28);border-radius:30px;display:flex;flex-direction:row;justify-content:center;margin-top:20px;opacity:.32;padding:10px}.add-email p{font-size:20px;font-weight:700;margin-left:10px;opacity:1}.add-email i{color:#000;font-size:11px}.add-date{background-color:rgba(249,52,170,.18);border-radius:30px;font-size:20px;margin-top:20px;opacity:1;padding:10px;width:100px}.add-date p{font-weight:700;text-align:center}.user-detail-first{align-items:center;display:flex;flex-direction:row;margin-top:20px}.user-detail-first i{color:#000;font-size:20px}.user-detail-first p{font-size:20px;margin-left:10px}.toggle[type=checkbox]{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.toggle:focus{outline:0}.toggle{background:linear-gradient(180deg,#2d2f39,#1f2027);border:2px solid #474755;border-radius:16px;height:30px;margin:0;position:absolute;transition:all .2s ease;width:48px}.toggle:checked{background:linear-gradient(180deg,#b7e3e6,#b7e3e6);border-color:#b7e3e6}.toggle:checked:after{-webkit-transform:translatex(20px);transform:translatex(20px)}.toggle:after{background:#30bab4;border-radius:50%;box-shadow:0 1px 2px rgba(44,44,44,.2);content:"";height:15px;left:2px;position:absolute;top:1px;transition:all .2s cubic-bezier(.5,.1,.75,1.35);width:15px}.toggle-btn{align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:25%}.toggle-btn p{font-size:16px;font-weight:700;margin-left:8px}.switch{background:#b7e3e6;border-radius:20px;cursor:pointer;display:inline-block;height:25px;position:relative;transition:background .28s cubic-bezier(.4,0,.2,1);vertical-align:middle;width:50px}.switch:before{align-items:center;background:#30bbb5;border-radius:50%;color:#fff;content:"";display:flex;font-size:10px;height:22px;justify-content:center;left:2px;position:absolute;text-align:center;top:1px;transition:left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);width:22px}.switch:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px hsla(0,0%,50%,.1)}input:checked+.switch{background:#b7e3e6}input:checked+.switch:before{background:#30bbb5;color:#fff;content:"";left:27px;text-align:center}input:checked+.switch:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,150,136,.2)}@media screen and (max-width:360px){.username{display:flex;flex-wrap:wrap}.right-side{margin:20px}.user-list-wrapper{padding:20px}.find,.green,.pink,.purple{width:150px}.btn-group,.search-filter,.user-mail{flex-direction:column}.country{margin:20px 0}.user-btn{margin-bottom:20px}.find{margin:30px auto 0}.left-side{margin-right:0;padding:5px}.user-list-box{flex-direction:column}.user-list-img{align-items:center;display:flex;justify-content:center;padding:20px}.user-details{align-items:center;margin:0 0 30px;padding:0}.user-details p{margin-left:0;text-align:center;width:250px}.user-view-btn button{margin:20px auto;position:relative;right:0}.user-mail{margin:20px 0}.filter-title,.left-side h1{margin:0 auto;text-align:center}.download-section{align-items:center;display:flex;flex-direction:column}.download{margin-bottom:20px}.pagination{margin-left:100px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.7edc36f0.css.map*/