@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inconsolata:wght@200..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=League+Spartan:wght@100..900&family=Lexend+Deca:wght@100..900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Overpass:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Space+Grotesk:wght@300..700&family=Young+Serif&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--background:hsl(0, 100%, 100%);--textColorH: hsl(230, 17%, 14%);--textColorP: hsl(228, 5%, 41%);--tabsBackground: hsl(227, 47%, 96%);--tabsHover: hsl(228, 51%, 89%)}.darkmode{--background:hsl(230, 17%, 14%);--textColorH: hsl(0, 100%, 100%);--textColorP: hsl(230, 22%, 74%);--tabsBackground: hsl(228, 28%, 20%);--tabsHover: hsl(230, 10%, 40%)}body{background-color:var(--background);font-family:Inter;max-inline-size:1500px;margin:0 auto;padding:20px;transition:.4s}img{display:block;max-inline-size:100%}p{color:var(--textColorP)}.wrapper{max-inline-size:1000px;margin:0 auto}.main{display:grid;gap:1rem}@media (width>850px){.main{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}}.header1{color:var(--textColorH);display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;margin-top:5px;line-height:2rem}.header1 p{color:var(--textColorP);font-weight:600}.header2{color:var(--textColorH)}.toggle{display:flex;gap:10px;align-items:center;justify-content:center}.toggle span{color:var(--textColorP);font-weight:600}.darkmode .header1 .toggle span{color:var(--textColorH)}.button{background:linear-gradient(to right,#aeb3cb,#aeb3cb);inline-size:60px;block-size:25px;border-radius:20px;cursor:pointer;position:relative;display:flex;align-items:center;padding:5px;transition:.3s;box-shadow:inset 0 5px 10px #080808,inset 0 -5px 10px #fff}.button:before{position:absolute;content:"";background:linear-gradient(to right,#fff,#fff);width:20px;height:20px;border-radius:100%;transition:.3s}.header1 .toggle input:checked+.button{background:linear-gradient(to right,#368fe7,#3eda82)}.darkmode .header1 .toggle input:checked+.button:before{transform:translate(30px)}input{display:none}label:active:before{width:30px}.top_socials{padding:20px;text-align:center;line-height:3rem;border-radius:15px;border:4px solid transparent;background:linear-gradient(var(--tabsBackground),var(--tabsBackground)) padding-box,var(--gradient-glow, transparent) border-box;border-left:0;border-right:0;border-bottom:0}.top_socials:hover{background:linear-gradient(var(--tabsHover),var(--tabsHover)) padding-box,var(--gradient-glow, transparent) border-box;cursor:pointer}.top_socials div{display:flex;align-items:center;gap:14px;justify-content:center}.top_socials h2{color:var(--textColorH);font-size:3rem;font-weight:600}.numberOf{letter-spacing:5px;text-transform:uppercase;font-weight:600;color:var(--textColorP)}.rates{display:flex;align-items:center;justify-content:center;gap:5px}.rates .normal.rise{color:#1db489;font-weight:650}.rates .normal.fall{color:#dc414c;font-weight:650}.overviews{display:grid;gap:1rem}@media (width>850px){.overviews{grid-template-columns:repeat(4,1fr);gap:1rem}}.header2{margin-bottom:20px;margin-top:30px}.tabs{padding:20px;line-height:3rem;border-radius:15px;background-color:var(--tabsBackground)}.tabs:hover{background-color:var(--tabsHover);cursor:pointer;transition:.3s}h3{color:var(--textColorH);letter-spacing:2px;font-size:1.4rem}.top{display:flex;justify-content:space-between;align-items:center}.top p{font-weight:700;color:var(--textColorP)}.bottom{display:flex;justify-content:space-between;align-items:center}.percentageStats{display:flex;gap:5px;align-items:center;font-weight:650}.percentageStats .normal.rise{color:#1db489}.percentageStats .normal.fall{color:#dc414c}