@import url("https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100");body{font-family:Roboto}.text{font-size:80px;font-weight:400;text-align:center;color:#999;margin-bottom:25px}.add{animation:animate .7s ease-in-out .1s}@keyframes animate{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.progress-bar{width:320px;height:22px;background:rgb(173,173,173);border-radius:13px;padding:3px;box-sizing:border-box}.progress{width:203px;height:16px;background-image:linear-gradient(90deg,black,crimson);border-radius:13px}.percent{margin-left:-45px;color:#fdb5ca;font-size:15px;top:23px;font-weight:700;letter-spacing:1px;line-height:23px}.img,.percent{position:relative}.img{display:inline-block}.boy{height:50px;position:relative;right:10px}@media screen and (max-width:500px){.text{font-size:40px}.progress-bar{position:relative;top:-20px;width:260px;height:22px}.progress{width:160px;height:16px}.percent{position:relative;font-size:14px;top:3px;z-index:10}}@media screen and (max-width:280px){.text{font-size:15px}.progress-bar{position:relative;top:-20px;width:150px;height:18px}.progress{width:50px;height:12px}.percent{position:relative;font-size:10px;top:0;z-index:10}}