@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter",sans-serif}body{transition:background-color .4s ease;background-color:#fff}body .bg_top{background-color:#f5f7ff;position:absolute;z-index:-1;height:30vh;width:100vw}body main{display:flex;flex-direction:column;flex-wrap:wrap;margin:auto;padding:1.5rem 0rem;width:82.5vw}body main header{display:flex;justify-content:space-between;flex-wrap:wrap}body main header h1{font-size:clamp(1.75rem,3vw,2.1rem);color:#1e202a}body main header p{color:#63687e;font-weight:700}body main header .divider{display:none;height:.01rem;background-color:#aeb3cb;width:100%;margin:1rem 0}body main header .change_theme{display:flex;align-items:center;gap:1rem}body main header .change_theme button{position:relative;width:3.5rem;height:1.6rem;padding:.4rem;border-radius:2rem;border:none;background-color:#aeb3cb}body main header .change_theme button .circle{transform:translate(-50%, -50%);content:"";position:absolute;right:-15%;top:50%;background-color:#fff;width:1.4rem;height:1.3rem;border-radius:50%;transition:background-color .4s ease,left .4s ease}body main header .change_theme button input{cursor:pointer;position:absolute;z-index:1;top:0;left:0;width:inherit;height:inherit;opacity:0}body main header .change_theme button input:checked+.circle{background-color:#1e202a;left:25%}body main .top_cards_container{margin-top:2.5rem;height:18rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}body main .top_cards_container .card{position:relative;background-color:#f0f2fa;height:18rem;width:22rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-radius:.5rem;cursor:pointer;transition:background-color .4s ease}body main .top_cards_container .card:hover{background-color:rgba(174,179,203,.674)}body main .top_cards_container .card .user{display:flex;align-items:center;gap:.5rem;font-weight:700}body main .top_cards_container .card h2{font-size:8vh}body main .top_cards_container .card .followers{text-align:center}body main .top_cards_container .card .followers p{text-transform:uppercase;letter-spacing:.5rem}body main .overview_container{padding-top:1.8rem;height:14vh;display:flex;align-items:center;color:#63687e;font-size:clamp(1.25rem,1vw,2vh)}body main .bottom_cards_container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}body main .bottom_cards_container .card{width:22rem;height:9rem;background-color:#f0f2fa;border-radius:.5rem;display:flex;flex-direction:column;transition:background-color .4s ease;cursor:pointer}body main .bottom_cards_container .card:hover{background-color:rgba(174,179,203,.674)}body main .bottom_cards_container .card .superior,body main .bottom_cards_container .card .inferior{height:50%;padding:1.5rem;width:inherit;display:flex;justify-content:space-between;align-items:center}body main .bottom_cards_container .card .superior p,body main .bottom_cards_container .card .inferior p{color:#63687e}body main .bottom_cards_container .card .superior h2,body main .bottom_cards_container .card .inferior h2{color:#1e202a;font-size:4vh}#facebook_border{position:absolute;top:0;left:0;height:3%;width:inherit;background:#198ff5;border-radius:.5rem .5rem 0 0}#twitter_border{position:absolute;top:0;left:0;height:3%;width:inherit;background:#1ca0f2;border-radius:.5rem .5rem 0 0}#instagram_border{position:absolute;top:0;left:0;height:3%;width:inherit;background:linear-gradient(to right, hsl(37, 97%, 70%), hsl(329, 70%, 58%));border-radius:.5rem .5rem 0 0}#youtube_border{position:absolute;top:0;left:0;height:3%;width:inherit;background:#c4032a;border-radius:.5rem .5rem 0 0}.positive_stat{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#1db489 !important}.negative_stat{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#dc414c !important}@media(max-width: 1764px){.overview_container{margin-top:18rem}}@media(max-width: 768px){.divider{display:block !important}.change_theme{justify-content:space-between;width:100%}.card{width:100% !important}.overview_container{margin-top:55rem}}.dark_theme{background-color:#1e202a !important}.dark_theme .positive_stat{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#1db489 !important}.dark_theme .negative_stat{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#dc414c !important}.dark_theme .bg_top{background-color:#1f212e !important}.dark_theme header h1{color:#fff}.dark_theme header p{color:#8b97c6}.dark_theme header .change_theme button{background:linear-gradient(to right, hsl(210, 78%, 56%), hsl(146, 68%, 55%))}.dark_theme .overview_container h2{color:#fff}.dark_theme .top_cards_container .card,.dark_theme .bottom_cards_container .card{background-color:#252a41}.dark_theme .top_cards_container .card h2,.dark_theme .bottom_cards_container .card h2{color:#fff !important}.dark_theme .top_cards_container .card p,.dark_theme .bottom_cards_container .card p{font-weight:700;color:#8b97c6 !important}.dark_theme .top_cards_container .card .positive_stat,.dark_theme .bottom_cards_container .card .positive_stat{color:#1db489 !important}.dark_theme .top_cards_container .card .negative_stat,.dark_theme .bottom_cards_container .card .negative_stat{color:#dc414c !important}.dark_theme .top_cards_container .card:hover,.dark_theme .bottom_cards_container .card:hover{background-color:rgba(99,104,126,.653)}/*# sourceMappingURL=styles.css.map */