update

css/footerstyle.css

@@ -0,0 +1,25 @@
+.Footer-box {
+    background-color: #38444d;
+    width: 103%;
+    margin-left: -1%;
+    margin-bottom: -1%;
+    display: flex;
+    justify-content: center;
+}
+
+.footer-content-box {
+    width: 80%;
+    padding: 2%;
+}
+
+.footer-center-box {
+    display: flex;
+    justify-content: center;
+}
+
+.footer-logo {
+    width: 10%;
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+}

css/mainstyle.css

@@ -1,28 +1,33 @@
 body {
-  background-color: gray;
+  background-color: rgba(70, 72, 167, 0.5);
 }
 
-.logo img {
-width: 10%
+.bigquote {
+  width: 40%;
+  font-size: 300%;
 }
 
-.stickybox {
-  display: inline;
-  position: sticky;
-  position: -webkit-sticky;
-  top: 0px;
+.biggerquote {
+  font-size: 150%;
 }
 
-.Menu {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  background-color: #38444d;
+.mainstyle {
+  margin-right: 10%;
+  margin-left: 10%;
+  margin-top: 2%;
+  margin-bottom: 2%;
+  padding: 10%;
+  padding-top: 5%;
+  padding-bottom: 5%;
+  border-color: black;
+  border-style: inset;
+  border-radius: 50px;
+  background-color:dimgray;
 }
 
-.mainitems {
-  display: inline-block;
+
+h1 {
+  font-size: 300%;
 }
 
 .textlink {
@@ -48,89 +53,3 @@ width: 10%
 .linkbutton:hover {
   background-color: darkblue;
 }
-
-.menubutton {
-  text-decoration: none;
-  display: inline-block;
-  padding: 20px;
-  color: white;
-  border-radius: 0%;
-  background-color: rgba(0,0,0,0);
-}
-
-.menubutton:hover {
-  border-radius: 0%;
-  animation-name: fadein;
-  animation-duration: 300ms;
-  background-color: darkblue;
-}
-
-.subitems:hover {
-  animation-name: fadein;
-  animation-duration: 300ms;
-  background-color: darkblue;
-}
-
-.dropdown-menu {
-  margin: 0;
-  padding: 0;
-  background-color: #38444d;
-  display: none;
-  list-style-type: none;
-  position: absolute;
-  min-width: 200px;
-}
-
-@keyframes fadein {
-  0%  {opacity: 0;}
-  100% {opacity: 1;}
-}
-
-@keyframes growDown {
-  0% {
-      transform: scaleY(0)
-  }
-  80% {
-      transform: scaleY(1.1)
-  }
-  100% {
-      transform: scaleY(1)
-  }
-}
-
-@keyframes rotateMenu {
-  0% {
-      transform: rotateX(-90deg)
-  }
-  70% {
-      transform: rotateX(20deg) 
-  }
-  100% {
-      transform: rotateX(0deg) 
-  }
-}
-
-.dropdown:hover .dropdown-menu {
-  display: block;
-  animation: rotateMenu 300ms ease-in-out forwards;
-}
-
-
-.policydiv {
-  margin-right: 10%;
-  margin-left: 10%;
-  margin-top: 2%;
-  margin-bottom: 2%;
-  padding: 10%;
-  padding-top: 5%;
-  padding-bottom: 5%;
-  border-color: black;
-  border-style: double;
-  border-radius: 3%;
-  background-color:dimgray;
-}
-
-
-h1 {
-  font-size: 300%;
-}

css/menustyle.css

@@ -1,23 +1,45 @@
+  .logo {
+    width: 5%;
+    display: inline-block;
+    margin-left: 2%;
+    position: relative;
+    vertical-align: middle;
+  }
+  
+  .menu-container {
+    display: inline-flex;
+    width: 80%;
+    justify-content: center;
+  }
+  
+  .stickybox {
+    display: inline;
+    position: sticky;
+    position: -webkit-sticky;
+    top: 0px;
+  }
+  
   .Menu {
-    margin: 0;
-    padding: 0;
+    margin-left: -1%;
+    margin-top: -1%;
+    padding: 2%;
+    width: 103%;
     list-style-type: none;
     overflow: hidden;
     background-color: #38444d;
   }
   
-  .mainitems {
-    display: inline-block;
-  }
-  
   .menubutton {
     text-decoration: none;
     display: inline-block;
     padding: 20px;
     color: white;
+    border-radius: 0%;
+    background-color: rgba(0,0,0,0);
   }
   
   .menubutton:hover {
+    border-radius: 0%;
     animation-name: fadein;
     animation-duration: 300ms;
     background-color: darkblue;
@@ -32,7 +54,7 @@
   .dropdown-menu {
     margin: 0;
     padding: 0;
-    background-color: #38444d;
+    background-color: lightseagreen;
     display: none;
     list-style-type: none;
     position: absolute;
@@ -70,10 +92,10 @@
   
   .dropdown:hover .dropdown-menu {
     display: block;
-    margin: 0;
     animation: rotateMenu 300ms ease-in-out forwards;
   }
   
-  
-  
+  .mainitems {
+    display: inline-block;
+  }