.container{background-color:#0f3360;position:relative}#map{top:0;left:0;width:100%;height:100%;z-index:-10}#map,.left-info{position:absolute}.left-info{top:8vh;left:1vw;width:25%;height:75vh;background:rgba(14,50,91,.4);color:#5399e4;border-radius:10px;padding:8px}.info-energy,.info-plants{height:33%;padding:15px;background:#163e6b;margin-bottom:10px}.info-energy{position:relative}.plants-energy-month{position:absolute;right:5px;color:#5399e4;font-size:10pt}.plants-energy-month>span{color:#fff;font-weight:550;font-size:12pt}.right-info{position:absolute;top:8vh;right:1vw;width:25%;height:75vh;background:rgba(14,50,91,.4);color:#5399e4;border-radius:10px;padding:8px}.info-power-content{align-items:center;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.info-power-cell{width:49%}.info-power-cell img{width:32px;height:32px}.info-power-cell span{margin-left:3px}.info-power-cell>div:last-child{margin:5px 0 0 50%}.bottom-info{position:absolute;bottom:16vh;left:50%;transform:translate(-50%);width:48%;height:30vh;background:rgba(14,50,91,.4);color:#5399e4;border-radius:10px;padding:8px}.info-plant-select{padding:20px 30px;position:relative;width:100%;background:#163e6b}.full-plant-info{width:50%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin-left:20px}.info-item{width:50%;color:#fff;text-align:center;margin:15px 0;line-height:18px;font-size:12pt}.info-item>div:last-child{color:#5399e4;font-size:10pt}.full-plant-info2{position:absolute;top:10%;right:0;height:100%;width:40%;display:flex;justify-content:center;align-items:center;flex-direction:column}.progress{position:absolute;margin:20px 0}.power-circle{display:flex;justify-content:center;align-items:center;width:80px;height:80px;transition:border 1s}