body{margin:0;background-color:#fff;font-size:14px;font-family:"Inter",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{background-color:#1e202a}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5{color:#1e202a;font-weight:700}.App{width:100%;text-align:center}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{display:flex;flex-direction:column;padding:10px 29px;height:200px;text-align:left;background-color:#f5f7ff}.header-dark{background-color:#1f212e}.header-dark h1{color:#fff}@media (min-width:630px){.header{flex-direction:row;justify-content:space-evenly;padding-top:20px}hr{display:none}.intro{margin-right:auto}.toggle-mode p{padding-right:20px}}h1,hr,p{margin-bottom:5px}h1{font-size:24px}p{color:#63687e;font-weight:700}hr{width:100%;align-self:center}input[type=checkbox]{width:36px;border-radius:5px;height:16px;cursor:pointer}.intro{margin-top:8px;margin-bottom:20px}.toggle-mode{display:flex;justify-content:space-between}label{display:block}label .checkbox-area{display:inline-block;width:45px;height:24px;position:relative;top:-1px;background-color:#aeb3cb;left:0;border-radius:16px;border:2px solid #aeb3cb;transition:background-color .3s}.checkbox-area:after{content:"";display:block;position:absolute;top:2px;left:5px;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:left .3s}input:checked+.checkbox-area:after{left:calc(100% - 21px);top:3px}input:checked+.checkbox-area{border:none;background-image:linear-gradient(90deg,#378fe6,#3eda82)}input{display:none}.followers-section{display:flex;flex-flow:column wrap;align-items:center;width:100vw;justify-content:center;z-index:2;position:relative;top:-33px;bottom:30px}@media (min-width:630px){.followers-section{flex-flow:row wrap}.followers-section .card{height:250px}}h5{font-size:15px;letter-spacing:.25rem;color:#63687e}.facebook{border-top:5px solid #198ff5}.card{position:relative;background-color:#f0f2fa;border-radius:.7em;height:230px;width:85%;margin-bottom:15px}@media (min-width:630px){.card{width:20%!important;height:200px;margin-right:20px}}.thick-header{width:100%;height:.25rem;content:"";position:absolute;top:0;background-image:linear-gradient(90deg,#fdc468,#df4996);border-radius:.7em .7em 0 0}.card-dark{background-color:#252a41!important;box-shadow:none!important}.card-dark h3{color:#fff}.account{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:50px 15px 15px 10px}.size{margin-bottom:20px}.icon{margin-bottom:5px;margin-right:3px}.platform p{display:inline;text-align:center;margin-left:5px;vertical-align:top}h3{font-size:50px}h5{text-transform:uppercase;font-weight:400}.rate{color:#1db489;font-weight:700}.social{width:85%;margin-top:8px}.part-one h4,.part-two h4{font-size:15px;font-weight:600;color:#63687e}.view-number{font-size:30px;font-weight:700;color:#1e202a;text-align:left}h2{text-transform:capitalize;align-self:flex-start;padding-left:30px}.likes,.view{border-radius:10px;padding:16px 18px 0;width:100%;height:100px;display:flex;justify-content:space-between}.overview-card-dark .social .likes,.overview-card-dark .social .view{background-color:#252a41!important;box-shadow:none!important}.overview-card-dark .likes p,.overview-card-dark>.social .view p{color:#fff}@media (min-width:630px){.likes,.view{width:100%!important}}@media (min-width:870px){.likes,.view{width:100%!important;align-items:center;height:120px}}.social-icon{margin-top:5px}.view-rate{margin-top:11px}.rate p{display:inline-block}.part-one,.part-two{display:block}.up p{color:#1db489}.down p{color:#dc414c}.overview-section{display:flex;flex-flow:column wrap;align-items:center;width:100vw;justify-content:center}.overview-cards{display:flex;width:100%;flex-direction:column;align-items:center}h2{color:#63687e;margin-bottom:15px}h2.dark{color:#fff;background-color:linear-gradient(#378fe6 to #3eda82)}@media (min-width:630px){h2{font-size:28px}.overview-cards{flex-flow:row wrap;justify-content:center}.social{display:flex;width:42%!important}}
/*# sourceMappingURL=main.715e4415.chunk.css.map */