.container{display:flex;flex-flow:row wrap;justify-content:space-around}.bike,.card{position:relative}.card{border:0 solid rgba(0,0,0,.125)}.hat{height:100px;width:100px;position:absolute;top:-1px;right:-30px;transform:rotate(45deg)}.btn{box-shadow:6px 8px 8px -6px rgba(0,0,0,.38);-webkit-box-shadow:6px 8px 8px -6px rgba(0,0,0,.38);-moz-box-shadow:6px 8px 8px -6px rgba(0,0,0,.38)}.cyclist{font-size:15px;text-align:center;border:0 solid #b6b6b6;width:250px;margin:15px;padding:10px;border-radius:10px;box-shadow:6px 6px 15px -4px rgba(0,0,0,.38);-webkit-box-shadow:6px 6px 15px -4px rgba(0,0,0,.38);-moz-box-shadow:6px 6px 15px -4px rgba(0,0,0,.38)}.function{font-size:1.5em;border-top:1px dashed #000}.head{display:flex;flex-direction:row}.right{width:100%;margin:5px;display:flex;flex-direction:column}.name{font-size:18px;font-weight:700;margin:auto}.graph{font-size:1em}.head .img{width:100px!important;min-width:100px!important;height:100px!important;align-self:baseline;border-radius:5px;object-fit:cover;text-align:center;display:flex}.amount{font-weight:700;font-size:18px;position:relative;display:inline}.objectives{display:flex;flex-direction:row-reverse;justify-content:space-between}.label{color:#777;font-size:15px}.slidecontainer,.slider{width:100%}.slider{height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}