@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap);*{margin:0;padding:0;font-family:Roboto,Arial,Helvetica,sans-serif}.App{height:100vh}.login-page{flex-direction:column;height:100vh;background:linear-gradient(45deg,#ff99d1,#5b54fa)}.login-button,.login-page{display:flex;align-items:center}.login-button{border-radius:1px;cursor:pointer;color:#fff;font-size:16px;font-family:"Roboto",sans-serif;border:none;background-color:#4285f4;outline:none;justify-content:center;box-shadow:0 2px 4px 0 rgb(0 0 0/25%);height:53px;width:232px;margin-top:10vh}.login-button img{background-color:#fff;margin:1px;padding:5.5px 4.5px 4.5px 6.5px;height:40px}.header{height:55px;background:linear-gradient(45deg,#538ffb,#5b54fa);display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 10px 0 #000}.header p{font-family:"Gowun Dodum",sans-serif;font-size:1.4em;float:left;margin-left:15px;color:hsla(0,0%,100%,.8823529411764706)}.header button{font-size:.9em;outline:none;padding:7px;margin-right:15px}.addContactButton,.header button{border-radius:5px;cursor:pointer;font-family:Roboto,sans-serif,Arial,Helvetica}.addContactButton{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:#2f78ff;padding:10px;color:#fdffb6}.contact-list-container{display:grid;place-items:center}.contact-container{border:2px solid hsla(0,0%,83.9%,.329);border-radius:5px;width:80vw;display:flex;flex-direction:column;line-height:1.6em;margin-bottom:-2px}.contact-text-infos{font-size:1em}.contact{display:grid;grid-template-columns:5fr 10fr 40fr 10fr 10fr;margin:10px 0}.contact-profile-pic{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100px;min-height:100px;max-width:100px;max-height:100px;border-radius:50%}.checked{color:orange}.checked,.unChecked{display:grid;place-items:center;cursor:pointer}.unChecked{color:#d1d1d1}.icon-center{display:grid;place-items:center;cursor:pointer;font-size:1.8em}.edit-icon:hover{color:#00a2ff}.delete-icon:hover{color:red}.star-icon{font-size:1.8em}.star-icon:hover{color:rgba(255,208,0,.589)}.addToContacts{height:75vh}.add-contact-form,.addToContacts{display:flex;flex-direction:column;justify-content:center;align-items:center}.add-contact-form{line-height:10px}.add-contact-form input{width:350px;height:30px;padding:5px;margin:5px;font-size:15px}.add-contact-form button{cursor:pointer;width:364px;height:40px;padding:5px;margin:5px;font-size:15px}.text-center{flex-direction:column}.text-center,.text-center input{display:flex;align-items:center;justify-content:center}.add-contact-pic img{min-width:100px;min-height:100px;max-width:100px;max-height:100px;border-radius:50%}
/*# sourceMappingURL=main.636f3f0e.chunk.css.map */