body{font-family:Arial,sans-serif;margin:0;height:100%;overflow:hidden}.mappage-container{background:linear-gradient(0deg,#232a2d,#364c55);background-size:cover;background-repeat:no-repeat;background-position:50%;background-attachment:fixed;height:100%;overflow-y:scroll;display:flex;flex-direction:column}.info{width:100%;height:100vh;display:flex;justify-content:flex-end;color:#fff}.info-map{width:70%;height:100vh;padding:68px}.info-card{width:30%;height:100vh;padding:48px}.info-card h1{font-size:32px}.Installation{margin:36px 0 36px 0}.Installation p{font-size:24px}.Installation span{font-size:64px}.circle{width:16px;height:16px;border-radius:100%;margin-right:12px}.bg-green{background-color:#0f0}.bg-red{background-color:#f00000}.bg-yellow{background-color:#ff0}.bg-orange{background-color:orange}.bg-purple{background-color:#bb7cd9}.bg-darkgreen{background-color:#6b8e23}.bg-blue{background-color:#3ab4e9}.bg-gray{background-color:#a1a1a1}.status-list{width:100%;display:flex;justify-content:space-between;align-items:center}.list-left,.list-right{width:50%}.list-full{width:80%}.list-inside-right{display:flex}.list-inside-right span{margin-right:64px}.icon-container{width:24px;height:24px;margin-right:24px}.status-item{width:100%;padding:8px;display:flex;justify-content:space-between;border-bottom:1px solid grey;margin-bottom:12px;font-size:12px}.status-item-front{display:flex}.piecharts{min-width:200px;text-align:center;margin-bottom:2vh;border:1px solid grey;border-radius:8px;padding-top:1vh;margin-right:.5vw;flex:1 1 200px}.piechart-inside{width:100%;height:100%}.pie-bottom{padding:12px;display:flex;justify-content:center}.pie-info-box{min-width:75%}.pie-info{width:100%;display:flex;margin:12px}.pie-container{width:100%;padding-top:100%;position:relative}.chart-area{width:90%;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:2vh}.is-visible>path{stroke-dasharray:90 310;stroke-dashoffset:0;transition:stroke-dasharray .5s ease-in-out}.is-visible>circle{fill:#333}@media (min-width:2561px){.status-item{padding:12px;font-size:36px;color:#fff}.circle{width:28px;height:28px;margin-right:24px}.icon-container{width:36px;height:36px;margin-right:12px}.info-card h1{font-size:48px}.Installation p{font-size:32px}.Installation span{font-size:120px}}