Initial commit

beesgospel/static/css/main.css

@@ -0,0 +1,64 @@
+@font-face {
+  font-family:"Harlow Solid";
+  src: url("../fonts/harlow-solid-regular.ttf");
+}
+
+body {
+  color: #fff;
+  background: #333;
+  overflow-x: hidden;
+}
+a {
+  color: #ffab82;
+}
+nav {
+  border-bottom: 5px solid red;
+}
+.nav-link.active {
+  border-bottom: 1px solid red;
+}
+.nav-sep {
+  margin-top: 0.5em;
+  color: #d77070;
+}
+@media only screen and (max-width : 992px) {
+  .nav-sep { display: none; }
+  .navbar-brand img { max-width: 5em; }
+  .hometitle { font-size: 280%; }
+}
+
+.alert-danger { background-color: #FFD79C; }
+.main-text { max-width: 100vw; }
+.red-bottom { border-bottom: 1px solid red; }
+.overleft { margin-left: -4rem; }
+.overright { margin-right: -4rem; }
+.harlow { font-family: "Harlow Solid"; }
+.homeurl { color: white; text-decoration: none; }
+.homeurl:hover { color: lightgrey; }
+.homediv {
+  margin-top: -1.5rem;
+  padding-top: 8rem;
+  min-height: 700px;
+  background-image: url("../img/photo_contact_back.webp");
+  background-position-x: center;
+  background-repeat: no-repeat;
+}  
+.hometitle {
+  font-size: 320%;
+  padding-bottom: 6rem;
+}
+.#homeaudio audio { opacity: 0.7; }
+
+.home-img {
+  width: 600px;
+  max-width: 100%;
+  border: 2px solid white;
+}
+.bottom-red {
+  border-bottom: 1px solid #c42626;
+  padding-bottom: 0.2em;
+  margin-bottom: 0.5em;
+}
+.left-red {
+  border-left: 2px solid red;
+}