body{font-family:"Inter",sans-serif;margin:0;background-color:#fff}h1{font-size:50px;margin:0 auto;text-align:center}h2{color:#1e202a;font-size:30px}h3{font-size:14px;color:#63687e}.header{background-color:#f5f7ff;border-radius:0 0 20px 20px;padding:40px 10%}.wrapper{display:flex;align-items:baseline;justify-content:space-around;margin:0 10%;flex-wrap:wrap;gap:30px}.header-flex{display:flex;align-items:baseline;justify-content:space-between;margin:0;flex-wrap:wrap}.wrapper .overview{gap:0}#first{margin-bottom:30px}.button{display:flex;align-items:center;flex:0 0 auto;padding-bottom:20px}.button h3{margin-right:15px}.platform,.count{justify-content:center;align-items:center;margin-top:30px}.count{margin:10px 0 15px}.overview{align-items:center}.overview h3{margin-top:25px}.overview h2{margin:0 0 15px}.main-container,.dark .sub-container,.sub-container{background-color:#f0f2fa;border-radius:10px;position:relative;width:250px}.main-container:hover,.sub-container:hover{background-color:#e5e8f6}.sub-container{margin-bottom:30px}.mini-border{width:100%;height:5px;position:absolute;top:0;left:0;border-radius:5px 5px 0 0}#facebook{background-color:#198ff5}#twitter{background-color:#1ca0f2}#instagram{background:linear-gradient(to right,#fdc468,#df4996)}#youtube{background-color:#c4032a}.tag{font-size:12px;font-weight:bold;color:#63687e;margin-left:5px}.followers{text-transform:uppercase;color:#63687e;font-size:12px;letter-spacing:4px;margin:0;text-align:center}.change-up,.dark .change-down,.change-down{color:#1db489;font-weight:700;font-size:12px;text-align:center;margin-left:5px}.change-down{color:#dc414c}.arrow{margin-top:2px}#overview{color:#63687e;margin:30px 10% 15px;font-size:25px}#total-followers{margin-top:-15px;padding-bottom:100px}#stats{margin-top:-100px}.attribution{font-size:11px;text-align:center}.attribution a{color:#3e52a3}.switch{position:relative;display:inline-block;width:45px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#378fe6,#3eda82);transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#f5f7ff;transition:.4s}input:checked+.slider:before{transform:translate(21px);background-color:#374062}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body.dark{background-color:#1e202a}.dark h1{color:#fff}.dark h2{color:#fff}.dark h3{color:#8b97c6}.dark .header{background-color:#1f212e}.dark .main-container,.dark .sub-container{background-color:#252a41}.dark .main-container:hover,.dark .sub-container:hover{background-color:#2a314b}.dark .tag{color:#8b97c6}.dark .followers{color:#8b97c6}.dark .change-up,.dark .change-down{color:#1db489}.dark .change-down{color:#dc414c}.dark #overview{color:#fff;margin:30px 10% 15px;font-size:25px}.dark .attribution{font-size:11px;text-align:center;color:#fff}.dark .attribution a{color:#909ed5}