1 files changed, 71 insertions, 42 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index 826185b..ad61d5d 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -83,7 +83,7 @@
 
 body {
   margin: 0;
-  font-family: var(--bs-body-font-family);
+  font-family: Arial;
   font-size: var(--bs-body-font-size);
   font-weight: var(--bs-body-font-weight);
   line-height: var(--bs-body-line-height);
@@ -645,6 +645,12 @@ progress {
   margin-left: auto;
 }
 
+@media (min-width: 200px) {
+  .container-sm, .container {
+    max-width: 90vw;
+  }
+}
+
 @media (min-width: 576px) {
   .container-sm, .container {
     max-width: 540px;
@@ -3035,13 +3041,13 @@ textarea.form-control-lg {
 
 .btn-primary {
   color: #fff;
-  background-color: #64a19d;
-  border-color: #64a19d;
+  background-color: #ef3e3d;
+  border-color: #c23131;
 }
 .btn-primary:hover {
   color: #fff;
-  background-color: #558985;
-  border-color: #50817e;
+  background-color: #551515;
+  border-color: #350d0d;
 }
 .btn-check:focus + .btn-primary, .btn-primary:focus {
   color: #fff;
@@ -3065,13 +3071,13 @@ textarea.form-control-lg {
 
 .btn-secondary {
   color: #fff;
-  background-color: #7464a1;
-  border-color: #7464a1;
+  background-color: #8fc700;
+  border-color: #76a500;
 }
 .btn-secondary:hover {
   color: #fff;
-  background-color: #635589;
-  border-color: #5d5081;
+  background-color: #006900;
+  border-color: #014201;
 }
 .btn-check:focus + .btn-secondary, .btn-secondary:focus {
   color: #fff;
@@ -4150,7 +4156,8 @@ textarea.form-control-lg {
   justify-content: space-between;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  background: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.2) 100%);
+  background: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 95%,
+    rgba(0, 0, 0, 0) 100%);
 }
 .navbar > .container,
 .navbar > .container-fluid,
@@ -7141,6 +7148,10 @@ textarea.form-control-lg {
   width: auto !important;
 }
 
+.mw-75 {
+  max-width: 75% !important;
+}
+
 .mw-100 {
   max-width: 100% !important;
 }
@@ -11476,7 +11487,6 @@ body {
 
 #mainNav {
   min-height: 3.0rem;
-  background-color: #000;
 }
 #mainNav .navbar-toggler {
   font-size: 80%;
@@ -11488,7 +11498,6 @@ body {
   outline: none;
 }
 #mainNav .navbar-brand {
-  color: #000;
   font-weight: 700;
   padding: 0.9rem 0;
 }
@@ -11551,10 +11560,10 @@ body {
 .btn {
   box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
   padding: 1.25rem 2rem;
-  font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-size: 80%;
+  font-family: Arial;
+  font-size: 90%;
   text-transform: uppercase;
-  letter-spacing: 0.15rem;
+  letter-spacing: 0.05rem;
   border: 0;
 }
 
@@ -11562,8 +11571,7 @@ body {
   position: relative;
   width: 100%;
   height: auto;
-  min-height: 90rem;
-  padding: 15rem 0;
+  padding: 8rem 0;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url("../assets/img/bg-masthead.jpg");
   background-position: center;
   background-repeat: no-repeat;
@@ -11584,28 +11592,6 @@ body {
   max-width: 20rem;
   font-size: 1rem;
 }
-@media (min-width: 768px) {
-  .masthead h1, .masthead .h1 {
-    font-size: 4rem;
-    line-height: 4rem;
-    letter-spacing: 0.4rem;
-  }
-}
-@media (min-width: 992px) {
-  .masthead {
-    height: 100vh;
-    padding: 0;
-  }
-  .masthead h1, .masthead .h1 {
-    font-size: 6.5rem;
-    line-height: 6.5rem;
-    letter-spacing: 0.2rem;
-  }
-  .masthead h2, .masthead .h2 {
-    max-width: 100rem;
-    font-size: 1.25rem;
-  }
-}
 
 .about-section {
   padding-top: 10rem;
@@ -11615,8 +11601,18 @@ body {
   margin-bottom: 5rem;
 }
 
+.about {
+  max-width: 75%;
+}
+
+@media (min-width: 992px) {
+  .about {
+    max-width: 50%;
+  }
+}
+
 .projects-section {
-  padding: 10rem 0;
+  padding: 4rem 0;
 }
 .projects-section .featured-text {
   padding: 2rem;
@@ -11662,7 +11658,7 @@ body {
 }
 
 .contact-section {
-  padding-top: 5rem;
+  padding-top: 0.3rem;
 }
 .contact-section .card {
   border: 0;
@@ -11699,7 +11695,7 @@ body {
 }
 
 .footer {
-  padding: 5rem 0;
+  padding: 1rem 0;
 }
 
 /* graysx css */
@@ -11708,3 +11704,36 @@ body {
   margin-top: -50px;
   margin-bottom: 20px;
 }
+
+.social-img {
+  width: 2rem;
+  height: 2rem;
+}
+
+.release-video {
+  max-width: 80%;
+}
+
+.logo-img {
+  max-width: 80%;
+}
+
+.navbar-img {
+  max-height: 48px;
+}
+
+#menu-btn-checkbox {
+  display: none;
+}
+
+@media (max-width: 992px) {
+  #menu-btn {
+    display: inline-block; }
+  label[for=menu-btn-checkbox] {
+    cursor: pointer; }
+  #menu-btn-checkbox:not(:checked) ~ #mobile-menu {
+    display: none; }
+  #mobile-menu {
+    display: inline-block;
+  }
+}