@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap);:root{--first-color:#2a2a37;--second-color:#dbe2ef;--third-color:#3f72af}*{box-sizing:border-box;padding:0;margin:0}body{font-family:"lato","sans-serif";color:#fff;line-height:1.6;background:linear-gradient(240deg,#4b495d,#282b34 25%)}ul{list-style-type:none}a{text-decoration:none;color:#333}.container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:0 auto;overflow:auto;padding:0 20px}.containerFullBox{height:80vh;width:97%;border:3px solid #fff;border-radius:15px;transition:all .3s ease;display:grid;margin:auto;padding:20px}.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:100px 1fr 1fr 1fr 100px;min-height:0;min-width:0;grid-template-areas:"Grid-Hader Grid-Hader Grid-Hader" "Icon . Icon2" "Data1 Data2 Data3" "Data4 Data5 Data6" "Grid-Footer Grid-Footer Grid-Footer"}.Grid-Hader{grid-area:Grid-Hader;justify-content:flex-end!important}.grid-container div{border:1px solid grey;border-radius:10px;margin:5px;display:flex;justify-content:center;align-items:center}.Icon{grid-area:Icon}.Grid-Footer{grid-area:Grid-Footer}.Data1{grid-area:Data1}.Data2{grid-area:Data2}.Data3{grid-area:Data3}.Data4{grid-area:Data4}.Data5{grid-area:Data5}.Data6{grid-area:Data6}.Icon2{grid-area:Icon2}.box{border:1px solid #fff;width:150px;height:150px;padding:10px;margin:5px;border-radius:15px;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;resize:both;flex-grow:0;flex-shrink:2}.box .name{font-size:13px}.box.small{width:70px;height:70px}.box.small .details{display:none}.box.id,p.id.small{font-size:8px}p.id.small{color:#0c8bfc}.box .mass{font-weight:700}.box:active{border-color:#0c8bfc}.box.normal:hover{border-width:5px;height:400px;flex-grow:3}.box.normal:hover,.box.small:hover{cursor:pointer;justify-content:center;align-items:center}.box.small:hover{border-width:2px}.box.normal:hover p{transition:all 1.5s ease-out;font-weight:700;font-size:2rem}.navbar{color:#fff;height:90px;margin-right:100px}.navbar ul{display:flex}.navbar a{color:#fff;margin:10px}.navbar a.selected{border-bottom:4px solid #fff}.logo1{font-size:25px}.navbar .flex{justify-content:space-between}#gauge{height:20%;width:20%;color:#fff}.ScaleSVG{width:100px;height:100px;margin:auto}
/*# sourceMappingURL=main.c0144da6.chunk.css.map */