restructure repo -> follows new layout

css/altstyle.css

@@ -1,31 +0,0 @@
-html, body {
-    height: 100%;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-    background-color: gray;
-    color: white;
-}
-
-.logo img {
-    width: 10%
-}
-
-div {
-    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/footerstyle.css

@@ -1,24 +0,0 @@
-.Footer-box {
-    background-color: #38444d;
-    width: 100%;
-    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,64 +0,0 @@
-html, body {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  background-color: rgba(70, 72, 167, 0.5);
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-.bigquote {
-  width: 40%;
-  font-size: 300%;
-}
-
-.biggerquote {
-  font-size: 150%;
-}
-
-.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;
-}
-
-
-h1 {
-  font-size: 300%;
-}
-
-.textlink {
-  font-size: 100%;
-  text-decoration: none;
-  color: black;
-}
-
-.textlink:hover {
-  color: darkblue;
-  font-size: 120%;
-}
-
-.linkbutton {
-  text-decoration: none;
-  display: inline-block;
-  padding: 20px;
-  color: white;
-  background-color:blue;
-  border-radius: 20px;
-}
-
-.linkbutton:hover {
-  background-color: darkblue;
-}
-
-.references {
-  color: gray;
-}

css/menustyle.css

@@ -1,102 +0,0 @@
-  .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-top: -1%;
-    padding: 2%;
-    padding-left: 0;
-    padding-right: 0;
-    width: 100%;
-    list-style-type: none;
-    overflow: hidden;
-    background-color: #38444d;
-  }
-  
-  .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: lightseagreen;
-    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;
-  }
-  
-  .mainitems {
-    display: inline-block;
-  }
-