Refactor CSS styles and remove unnecessary code

web/styles.css

@@ -33,11 +33,6 @@ p1 {
   text-align: begin;
 }
 
-.apiGraph{
-  height: 100%;
-  width: 90%;
-}
-
 .statusElement{
   display:inline-block;
   border: solid #1f82d3 2px;
@@ -50,35 +45,6 @@ p1 {
   font-size: 20px;
 }
 
-/* body{
-  display: flex;
-  flex-direction: row;
-  justify-content: space-evenly;
-  align-content: center;
-} */
-
-#randomShit{
-  display: flex;
-  flex-direction: row;
-  justify-content: space-evenly;
-  align-content: center;
-  border: 2px solid purple;  
- 
-}
-
-#nodeDataLocation{
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  /* justify-content: center; */
-  /* align-content: center; */
-  border: 4px solid blue;
-  /* padding-bottom: 50%; */
-  
-}
- 
-
-
 .flex-NodeData {
   display: flex;
   margin-left: 1%;
@@ -87,21 +53,32 @@ p1 {
   /* height: 40%; */
   flex-direction: column;
   border: 3px solid #1f82d3;
-  /* border-radius: 20px; */
+  border-radius: 20px;
+  /* width: 90%; */
   /* border: 2px solid red; */
   /* margin-right: 90%; */
-  /* width: 150vh; */
   /* padding-right: 40%; */
   /* padding-left: 40%; */
 }
 
+#nodeDataLocation{
+  display: flex;
+  flex-direction: column;
+  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; */
 }
 
@@ -113,8 +90,6 @@ justify-content: left;
   justify-content: space-evenly;
   gap: 5px;
   padding: 10px;
-  
-  
 }