body{background-color:#641212;font-family:Roboto,sans-serif}main{display:flex;align-items:start}.param-panel{margin:10px;background-color:#2b2b2b;border-radius:20px}.param{margin:5px 10px;min-width:250px;max-width:250px;height:60px;border-radius:20px;background-color:#2b2b2b;color:#fff;display:flex;flex-direction:row;justify-content:space-around;padding:10px;border:2px solid gray}.click-param{cursor:pointer}.click-param:hover{background-color:#ff7b00}.param-text{height:100%;width:80%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}.param>div>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:5px}.param-heading{margin:0;font-size:20px}.param-link-img{height:15px;width:15px}.param-description{margin:0;font-size:12px}.circular-progress{width:180px;height:200px;border-radius:50%;display:flex;justify-content:center;align-items:center}.progress-container{max-width:75px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:5px}.progress-ring{transform:rotate(90deg)}.progress-ring circle{fill:none;stroke-width:5}.progress-ring__background{stroke:#eee}.progress-ring__progress{stroke-linecap:round;transition:stroke-dashoffset 0s}.progress-value{position:absolute;font-size:1.5em;font-weight:700;padding:5 0 0 5}:root{--height:500px }.central-panel{min-width:700px;min-height:(var(--height));background-color:#2b2b2b;border-radius:20px;margin:10px 0;color:#fff}.central-panel>header{height:calc(var(--height) * .2);margin:10px;display:flex}.header-center-box{width:400px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.header-center-box>h1{margin:0;font-size:30px}.header-center-box>h2{margin:0;color:#fff;font-size:12px;text-align:center}.header-small-box{width:150px;display:flex;justify-content:start;align-items:start}.back-btn{padding-right:5px}.back-btn:hover{filter:brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(2541%) hue-rotate(358deg) brightness(102%) contrast(106%)}.central-panel>section{height:calc(var(--height) * .8);margin:10px auto}.central-main{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:100%;gap:5px;margin:0}.top{background-image:linear-gradient(90deg,#6e3455,#2b0f35)}.bottom{background-image:linear-gradient(90deg,#862146,#7a2922)}.small{border-radius:20px;width:300;height:180}.small>h1{padding-left:10px;margin-top:10px;font-size:24px}.small>h2{margin-top:-10px;padding:0 10px;font-size:15px}.small>div{display:flex;justify-content:space-evenly}.main-panel-btn{background-color:#323232b3;color:#fff;border-radius:20px;padding:5px 10px;border:0px solid white;font-size:16px;margin-bottom:10px}.main-panel-btn:hover{background-color:#fafa0ab3}.big{border-radius:20px;width:320;height:365}.sub-param-btn{min-width:150px;min-height:40px;border-radius:10px;border:0px solid black;color:#fff;margin:2px 0}.sub-param-btn:hover,.bg-orange{background-color:orange}.bg-blue{background-color:#00f}