Site upgrade, modified icons

html/styles/style.css

@@ -1,31 +1,46 @@
 
-* {}
+* {
+}
 
 body {
-  background-color: #1b263b;
-
+  background-color: #202020;
   display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  justify-items: center;
+  margin: 0;
   width: 100vw;
   height: 100vh;
-  align-items: center;
-  justify-content: center;
-  margin: 0;
 }
 
 #container {
   display: block;
+  width: auto;
+  padding: 15px;
 }
 
 #hello-world {
-  color: #e0e1dd;
-  font-size: 7vh;
+  color: #d6d6d6;
   font-family: 'Fira Mono', monospace;
-  letter-spacing: -7px;
-  -moz-text-size-adjust: auto;
+  min-height: 4vh;
+  width: 100%;
+  max-height: 100px;
+  text-align: center;
+  max-width: 100%;
+  min-width: 620px;
+}
+
+#command {
+  width: 100%;
+  max-height: 100px;
+  font-size: 5vw;
+  animation: linear;
 }
 
 #pipe {
-  animation: animate 1.5s linear infinite;
+  animation: animate 1.5s linear infinite alternate;
+  max-height: 1vh;
 }
 
 @keyframes animate{
@@ -44,6 +59,8 @@ body {
 }
 
 .social-icon {
-  max-height: 32px;
-  max-width: 32px;
+  max-height: 5vh;
+  max-width: 5vw;
+  min-height: 24px;
+  min-width: 24px;
 }