body { background-color: white; align-content: center; text-align: center; font-family: "inter", sans-serif; margin: 0; } h1 { opacity: 0.8; color: green; margin: auto; width: 50%; } h2 { text-align: center; color: black; opacity: 0.8; } p1 { color: solid white; } .liveGraph{ width: 90%; height: 100%; } .divCnt{ text-align: begin; } .statusElement{ display:inline-block; border: solid #1f82d3 2px; border-radius: 10px; width: 90%; } .statusText{ font-size: 20px; } .flex-NodeData { display: flex; margin-left: 1%; margin-right: 1%; justify-content: space-evenly; /* height: 40%; */ flex-direction: column; border: 3px solid #1f82d3; border-radius: 20px; /* width: 90%; */ /* border: 2px solid red; */ /* margin-right: 90%; */ /* padding-right: 40%; */ /* padding-left: 40%; */ } #nodeDataLocation{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: center; border: 4px solid rgb(0, 0, 255); /* padding-bottom: 50%; */ } .nodeData { display: flex; justify-content: left; flex-direction: row; margin-bottom: 2%; margin-top: 1%; /* border: 2px solid red; */ } .flex-LiveData { display: flex; align-content: begin; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; gap: 5px; padding: 10px; } .flex-LiveData > div { border: solid #1f82d3 2px; padding: 15px 0; font-size: 30px; border-radius: 10px; height: fit-content; width: 30%; } .flex-graph { display: flex; align-content: begin; flex-wrap: wrap; justify-content: space-evenly; gap: 5px; padding: 10px; } .flex-graph > div { position: relative; border: solid #1f82d3 2px; padding: 15px 0; font-size: 30px; border-radius: 10px; flex-basis: 95%; } @media screen and (max-width: 850px) { .flex-LiveData>div { width: 100%; } } ul { margin: 0; padding: 20px 0; } .navbar { text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } a{ padding: 10px; color: black; text-decoration: none; font-weight: bold; } li{ display: inline-block; padding: 10px; margin: 0 5px; border-radius: 5px; transition: 0.3s; } .navbar a:hover { background-color: #196bad; } img { max-width: 100%; height: auto; }