new commit

style.css

@@ -16,9 +16,14 @@ input{
   margin-left: 2%;
   width: 30%;
 }
+li{
+  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+  border-bottom: 1px solid darkmagenta;
+}
 span{
   position: relative;
-  font-family:  'Lucida Sans Regular';
+  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+  font-weight:bold;
   font-size: 130%;
   font-weight: 200;
 }
@@ -28,12 +33,12 @@ span{
   position: fixed;
   width: 100%;
   height: 12vh;
-
   background-color: rgb(4, 1, 15);
 
 }
 .menuTabList{
-
+
+  overflow: hidden;
   width: 100%;
   height: 100%;
   position: relative;
@@ -43,8 +48,11 @@ span{
 }
 
 .menutab-item{
+
   color: plum;
-  margin: 5vh;
+  margin: 2%;
+  width: max-content;
+  height: max-content;
   font-size: 30px;
   cursor: pointer;
 }
@@ -127,13 +135,22 @@ flex-direction: column;
 
 
 
-@media (max-width: 600px) {
-
+@media (max-width: 800px) {
 
+span{
+  width: min-content;
+}
 .menuTab{
   width: 100%;
   margin: 0; 
 
+}
+
+.contentBox{
+  width: 70%;
+  justify-content: center;
+  align-items: center;
+
 }
 .menuTabList{
   justify-content: center;
@@ -148,14 +165,20 @@ flex-direction: column;
   padding: 0%;
   font-size: 90%;
 }
+
 .formBox {
-  width: 80%;
+  width: 120%;
   margin: 0; 
+  justify-content: center;
+  align-items: center;
 }
 .inputBox {
-
+  
   margin-left: 0; 
-  width: 100%; 
+  padding: 0%;
+  width: 75%; 
+  max-width: 70%;
+  font-size: 70%;
 }
 }