*{margin:0;padding:0;box-sizing:border-box;font-family:Raleway,sans-serif}@font-face{font-family:Raleway;src:url(../assets/fonts/Raleway-VariableFont.wght.ttf) format("truetype")}:root{--mi-gradiente: linear-gradient( to right, hsl(6, 100%, 80%), hsl(335, 100%, 65%));--Blue-200: hsl(243, 100%, 93%);--Grayish-Blue: hsl(229, 7%, 55%);--Blue-850: hsl(228, 56%, 26%);--Blue-950: hsl(229, 57%, 11%);--Font-main: "Raleway", sans-serif}.section-one{width:325px;height:200px;margin-left:auto;margin-right:auto;padding-top:40px;padding-left:40px;background-color:var(--Blue-850);border-radius:12px 100px 12px 12px}.section-one .section-one__icons{height:50px;width:180px;display:flex;justify-content:space-between;margin-top:30px}.section-one .section-one__icons .icon-conainer{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background-color:var(--Blue-950);border-radius:12px}@media (min-width: 1050px){.section-one{width:350px;height:200px;margin-left:0}}.section-two{width:325px;height:160px;margin-top:20px;margin-left:auto;margin-right:auto;border-radius:12px;padding-top:35px;background-color:var(--Blue-850)}.section-two p{color:var(--Blue-200);width:235px;font-weight:lighter;font-size:14.25px;margin-left:auto;margin-right:auto}.section-two p .used{font-weight:700}.section-two p .used .number-one{font-size:12px}.section-two p .used .number-five{top:1px;position:relative}@media (min-width: 1050px){.section-two p{margin-left:40px}}.section-two .progress-bar{width:260px;margin-left:auto;margin-right:auto;margin-top:15px;height:20px;background-color:var(--Blue-950);border-radius:9px;display:flex}.section-two .progress-bar .progress-bar-used{width:190px;height:15px;background-image:var(--mi-gradiente);border-radius:7px;margin-top:auto;margin-bottom:auto;margin-left:1px;display:flex}@media (min-width: 1050px){.section-two .progress-bar .progress-bar-used{width:340px}}.section-two .progress-bar .progress-bar-used .progress-bar-point{width:12px;height:10px;background-color:var(--Blue-200);border-radius:50%;margin-left:176px;margin-top:auto;margin-bottom:auto}@media (min-width: 1050px){.section-two .progress-bar .progress-bar-used .progress-bar-point{margin-left:326px}}@media (min-width: 1050px){.section-two .progress-bar{width:460px}}.section-two .ranges{display:flex;justify-content:space-between;color:var(--Blue-200);margin-top:12px;width:260px;margin-left:auto;margin-right:auto;font-size:12px}@media (min-width: 1050px){.section-two .ranges{width:460px}}@media (min-width: 1050px){.section-two{width:540px;margin-right:0;margin-top:39px}}.section-three{width:180px;height:75px;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:14px;margin-left:auto;margin-right:auto;top:-35px;position:relative}.section-three .amount{font-size:40px;font-weight:700;color:var(--Blue-950)}.section-three .amount .number-one{font-size:33px}.section-three .amount .number-five{top:4px;position:relative}.section-three .detail{color:var(--Grayish-Blue);text-transform:uppercase;font-weight:700;margin-left:10px;font-size:14px}@media (min-width: 1050px){.section-three{top:-205px;left:330px;border-bottom-right-radius:0}}.triangle{width:22px;height:22px;position:relative;top:47px;right:-13px;background-color:#fff;clip-path:polygon(0 0,100% 0,100% 100%);display:none}@media (min-width: 1050px){.triangle{display:block}}.main-container{background-image:url(https://marceceru.github.io/Data-Storage/assets/bg-mobile-ljthYAl-.png);background-size:cover;width:375px;margin-left:auto;margin-right:auto;margin-bottom:15px;padding-top:125px;padding-bottom:90px}@media (min-width: 1050px){.main-container{background-color:var(--Blue-950);background-image:url(https://marceceru.github.io/Data-Storage/assets/bg-desktop-BsJSzeAE.png);background-repeat:no-repeat;background-position:0 380px;background-size:cover;width:100%;height:800px;padding-top:288px;margin-bottom:0;position:fixed;top:50%;transform:translateY(-50%)}}@media (min-width: 1050px){.main-section{display:flex;width:925px;height:200px;margin-left:auto;margin-right:auto}}