@import url(https://fonts.googleapis.com/css2?family=Cabin&family=Work+Sans:wght@400;800&display=swap);*{margin:0;padding:0;box-sizing:border-box}:active,:focus{border:none;outline:none}:root{--offWhite:#f8f8ff;--dark:#444;--workSans:"Work Sans",sans-serif;--cabin:"Cabin",sans-serif;--shadow:0px 4px 4px rgba(0,0,0,0.25);--transition:all 0.3s ease}main{min-height:100vh;background:#f8f8ff;background:var(--offWhite);padding-left:30px;padding-right:30px}.container{max-width:1160px;margin:0 auto}.header{padding-top:60px;font-family:"Work Sans",sans-serif;font-family:var(--workSans);text-align:center}.header h3{font-weight:400;font-size:18px}.header h1,.header h3{color:#444;color:var(--dark)}.header h1{font-weight:800;font-size:58px}.header h3.loading,.loading{font-size:24px;margin-top:45px;color:#444;color:var(--dark)}.loading{text-align:center;font-family:"Work Sans",sans-serif;font-family:var(--workSans);font-weight:400}.input{max-width:651px;margin:30px auto 0}.search-field{width:100%;height:61px;border:none;padding:20px 44px;border-radius:30px;font-family:"Cabin",sans-serif;font-family:var(--cabin);font-size:18px;color:#444;color:var(--dark);box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:var(--shadow)}.search-field::-webkit-input-placeholder{font-family:"Cabin",sans-serif;font-family:var(--cabin);font-size:18px}.search-field:-ms-input-placeholder{font-family:"Cabin",sans-serif;font-family:var(--cabin);font-size:18px}.search-field::placeholder{font-family:"Cabin",sans-serif;font-family:var(--cabin);font-size:18px}.cards-container{margin-top:45px;display:flex;flex-wrap:wrap;justify-content:space-evenly;grid-gap:30px;gap:30px}.card{width:168px;height:168px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:var(--shadow);cursor:pointer;transition:all .3s ease;transition:var(--transition)}.card:hover{opacity:.7}.card-avatar{width:84px;height:84px;border-radius:50px;overflow:hidden;margin:15px auto 10px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:var(--shadow)}.card-avatar img{width:84px;height:84px;object-fit:cover}.card .card-info{font-family:"Cabin",sans-serif;font-family:var(--cabin);font-size:18px;color:#444;color:var(--dark);font-weight:400;text-align:center}.btn-container{margin-top:60px;display:flex;flex-wrap:wrap;justify-content:center;grid-gap:15px;gap:15px;padding-bottom:60px}.btn{display:grid;place-items:center;width:42px;height:42px;border-radius:30px;box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:var(--shadow);color:#444;color:var(--dark);background:#fff;font-family:"Cabin",sans-serif;font-family:var(--cabin);font-size:18px;border:none;transition:all .3s ease;transition:var(--transition);cursor:pointer}.btn:hover{background:rgba(0,0,0,.2)}.btn-active{background:#444;background:var(--dark);color:#f8f8ff;color:var(--offWhite)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:grid;place-items:center;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .3s ease;transition:var(--transition)}.modal-overlay.show{-webkit-transform:translateX(0);transform:translateX(0)}.modal-container{width:600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#444;color:var(--dark)}.modal-container h1{font-family:"Work Sans",sans-serif;font-family:var(--workSans);font-weight:800;font-size:36px}.underline{width:100%;height:8px;background:#444;background:var(--dark)}.modal-subinfo{margin-top:25px;font-family:"Cabin",sans-serif;font-family:var(--cabin);font-size:18px}.modal-left,.modal-right{padding:30px}.birthday{display:flex;grid-gap:15px;gap:15px;font-family:"Cabin",sans-serif;font-family:var(--cabin);font-size:18px;margin-top:15px}.instagram{font-size:48px;margin-top:30px;margin-left:-3px;display:inline-block;color:#444;color:var(--dark);transition:all .3s ease;transition:var(--transition)}.instagram:hover{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}.modal-right{background:#f8f8ff;background:var(--offWhite);display:grid;place-items:center}.modal-right img{width:240px}.modal-btn button{padding:5px 10px;font-size:18px;font-family:"Cabin",sans-serif;font-family:var(--cabin);color:#444;color:var(--dark);background:none;border:2px solid #444;border:2px solid var(--dark);border-radius:8px;cursor:pointer;margin-top:15px;transition:all .3s ease;transition:var(--transition)}.modal-btn button:hover{background:#444;background:var(--dark);color:#f8f8ff;color:var(--offWhite)}@media screen and (max-width:660px){.modal-container{width:250px;display:block}.modal-right{display:none}.header h1{font-size:36px}.search-field{padding:10px 20px}.modal-container h1{font-size:26px}}
/*# sourceMappingURL=main.592774f9.chunk.css.map */