@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Yellowtail&display=swap);*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:"Roboto",sans-serif}body{font-size:1.6rem}.main-container{width:80%;max-width:1200px;margin:0 auto}ul{list-style-type:none}a{text-decoration:none;color:inherit}.header{height:10%;border-bottom:.1rem solid hsla(0,0%,74.1%,.2);box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.2);font-family:"Yellowtail",cursive;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem)}.header__logo{font-size:5rem}.header__icon{position:absolute;top:25%;right:5%;font-size:4rem;cursor:pointer;transition:all .5s}.header__icon:hover{transform:scale(1.1) rotate(1turn)}@media(max-width:480px){.header{display:none}}.callsListItem{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 0;cursor:pointer}.callsListItem__avatar{flex:1 1}.callsListItem__info-container{flex:3 1}.callsListItem__info-container .callsListItem__name{margin-bottom:.5rem}.callsListItem__info-container .callsListItem__name.missed{color:red}.callsListItem__info-container .callsListItem__name.answered{color:green}.callsListItem__info-container .callsListItem__name.voicemail{color:orange}.callsListItem__info-container .callsListItem__info{display:flex}.callsListItem__info-container .callsListItem__info-date{font-size:1.2rem;margin-left:.5rem;font-weight:300}.callsListItem__icons{flex:1 1;display:flex;justify-content:space-around;align-items:center}.callsListItem__icons a{display:flex;justify-content:center;align-items:center}.calls{height:100%;overflow:scroll;scrollbar-width:none}.calls::-webkit-scrollbar{display:none}.callDetail{height:100%;overflow:scroll;scrollbar-width:none}.callDetail::-webkit-scrollbar{display:none}.callDetail__header{height:25%;display:flex;justify-content:center;align-items:center}.callDetail__list{box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;border-radius:1rem;margin:1rem;cursor:pointer}.callDetail__list-title{font-size:1.2rem;margin-bottom:.5rem;color:#a9a9a9}.archive{height:100%;overflow:scroll;scrollbar-width:none}.archive::-webkit-scrollbar{display:none}.phone{height:58rem;width:32rem;border:.8rem solid #000;border-radius:5rem;background-color:#fff;box-shadow:0 22px 70px 4px rgba(0,0,0,.56);overflow:hidden}@media(max-width:480px){.phone{height:100vh;width:100vw;border-radius:unset;border:unset}}.phone__header{display:flex;justify-content:center;align-items:center;height:10%}.phone__header-text{font-size:2.5rem}.phone__toggle-container{height:5%;display:flex;border-radius:5rem;overflow:hidden;margin:0 2rem;border:.1rem solid #d3d3d3;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.phone__toggle-container .phone__toggle-left{flex:1 1;text-align:center;cursor:pointer;background-color:#ddd}.phone__toggle-container .phone__toggle-left a{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.phone__toggle-container .phone__toggle-left:hover{background-color:#e4e4e4}.phone__toggle-container .phone__toggle-left.active{background-color:#fff;color:#0277bd}.phone__toggle-container .phone__toggle-right{flex:1 1;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#ddd}.phone__toggle-container .phone__toggle-right a{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.phone__toggle-container .phone__toggle-right:hover{background-color:#e4e4e4}.phone__toggle-container .phone__toggle-right.active{background-color:#fff;color:#0277bd}.phone__pages-container{height:70%;padding:2rem 2rem 0}.phone__nav-container{height:15%;border-radius:5rem;box-shadow:0 5px 15px rgba(0,0,0,.35);overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}@media(max-width:480px){.phone__nav-container{border-radius:5rem 5rem 0 0}}.phone__nav-container .phone__dialpad-icon{border-radius:50%;width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;border:.1rem solid grey;cursor:pointer;background-color:#0277bd;animation-name:dialpad;animation-duration:.8s;animation-direction:alternate;animation-iteration-count:4;animation-timing-function:linear}@keyframes dialpad{0%{transform:scale(1)}to{transform:scale(1.2)}}.main{height:80%;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='180' height='180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.28 88H68.413l19.298 19.298L81.28 88zm2.107 0h13.226L90 107.838 83.387 88zm15.334 0h12.866l-19.298 19.298L98.72 88zm-32.927-2.207L73.586 78h32.827l.5.5 7.294 7.293L115.414 87l-24.707 24.707-.707.707L64.586 87l1.207-1.207zm2.62.207L74 80.414 79.586 86H68.414zm16 0L90 80.414 95.586 86H84.414zm16 0L106 80.414 111.586 86h-11.172zm-8-6h11.173L98 85.586 92.414 80zM82 85.586L87.586 80H76.414L82 85.586zM17.414 0L.707 16.707 0 17.414V0h17.414zM4.28 0L0 12.838V0h4.28zm10.306 0L2.288 12.298 6.388 0h8.198zM180 17.414L162.586 0H180v17.414zM165.414 0l12.298 12.298L173.612 0h-8.198zM180 12.838L175.72 0H180v12.838zM0 163h16.413l.5.5 7.294 7.293L25.414 172l-8 8H0v-17zm0 10h6.613l-2.334 7H0v-7zm14.586 7l7-7H8.72l-2.333 7h8.2zM0 165.414L5.586 171H0v-5.586zM10.414 171L16 165.414 21.586 171H10.414zm-8-6h11.172L8 170.586 2.414 165zM180 163h-16.413l-7.794 7.793-1.207 1.207 8 8H180v-17zm-14.586 17l-7-7h12.865l2.333 7h-8.2zM180 173h-6.613l2.334 7H180v-7zm-21.586-2l5.586-5.586 5.586 5.586h-11.172zM180 165.414L174.414 171H180v-5.586zm-8 5.172l5.586-5.586h-11.172l5.586 5.586zM152.933 25.653l1.414 1.414-33.94 33.942-1.416-1.416 33.943-33.94zm1.414 127.28l-1.414 1.414-33.942-33.94 1.416-1.416 33.94 33.943zm-127.28 1.414l-1.414-1.414 33.94-33.942 1.416 1.416-33.943 33.94zm-1.414-127.28l1.414-1.414 33.942 33.94-1.416 1.416-33.94-33.943zM0 85c2.21 0 4 1.79 4 4s-1.79 4-4 4v-8zm180 0c-2.21 0-4 1.79-4 4s1.79 4 4 4v-8zM94 0c0 2.21-1.79 4-4 4s-4-1.79-4-4h8zm0 180c0-2.21-1.79-4-4-4s-4 1.79-4 4h8z' fill='%230284c7' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E")}@media(max-width:480px){.main{display:unset}}.footer{height:10%;border-top:.1rem solid hsla(0,0%,74.1%,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.2);background-color:#f5f5f5}.footer__text{font-size:1.8rem;font-weight:100}@media(max-width:480px){.footer{display:none}}.app{height:100vh;background-image:url(https://images.unsplash.com/photo-1562619371-b67725b6fde2?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=1770)}
/*# sourceMappingURL=main.c0dc9bc2.chunk.css.map */