initial (sorta) commit

src/assets/stylesheets/footer.scss

@@ -0,0 +1,105 @@
+@font-face {
+  font-family: itrFont;
+  src: url(../font/LeagueSpartan-ExtraBold.ttf);
+}
+
+@font-face {
+  font-family: itrFontMedium;
+  src: url(../font/LeagueSpartan-Medium.ttf);
+}
+
+.footer {
+  position: relative;
+  background-color: #232323;
+  bottom: 0px;
+  width: 100%;
+  height: 150px;
+  overflow: hidden;
+  border-top: 1px solid rgb(46, 46, 46);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-top: 15px;
+}
+
+.footer__links {
+  margin-right: 0px;
+  width: 100vw;
+  height: 6vh;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.footer__links_svg {
+  width: 40px;
+  margin-left: 0.8vw;
+  margin-right: 0.8vw;
+  filter: invert(100%) sepia(10%) saturate(1000%) hue-rotate(10deg)
+    brightness(100%) contrast(100%);
+  opacity: 20%;
+  transition: 0.3s;
+}
+
+.footer__links_svg:hover {
+  opacity: 50%;
+}
+
+.footer__toes {
+  display: flex;
+  width: 100vw;
+  height: 100px;
+  justify-content: center;
+  align-items: center;
+}
+
+.footer__toes_logo {
+  color: rgb(197, 197, 197);
+  text-decoration: none;
+  font-size: 50px;
+  font-family: "itrFont";
+  transition: 0.3s;
+  text-align: center;
+  margin-left: 30px;
+  margin-right: 30px;
+  text-align: center;
+  padding-left: 5px;
+}
+
+.footer__toes_logo:hover {
+  color: white;
+}
+
+.footer__toes__links_left,
+.footer__toes__links_right {
+  margin-bottom: 9px;
+  margin-bottom: 9px;
+}
+
+@media screen and (max-width: 650px) {
+  // Phones
+  .footer__links_svg {
+    width: 10vw;
+    background-color: transparent;
+    margin-left: -4vw;
+    margin-right: -4vw;
+  }
+
+  .footer__toes {
+    zoom: 80%;
+  }
+
+  .footer__toes_logo {
+    font-size: 40px;
+    font-family: "itrFont";
+    transition: 0.3s;
+    padding-left: 5px;
+  }
+
+  .footer__toes__links_left,
+  .footer__toes__links_right {
+    visibility: hidden;
+  }
+}