tomodachi/style.css

:root {
  --light-text: #FFFFFFD0;
  --dark-bg: darkred;
}

@font-face {
  font-family: "DEADCRT";
  src: url("DEADCRT.ttf")
}

header {
  background-color: var(--dark-bg);
  height: 10vh;
  width: 100vw;
}

.site-title {
  display: flex;
  align-items: center;
  font-family: "DEADCRT";
  /* background-color: var(--dark-bg); */
  color: white;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1em;
  /* height: 10vh; */
  /* width: 100vw; */
  padding-bottom: 1em;
  position: fixed;
  top: 0px;
  z-index: 99;
}

main {
  /* margin-top: 10vh; */
  /* height: 500vh; */
}

#hero-img {
  background-image: url("hero-bg.jpg");
  min-height: 60vh;
  background-size: cover;
}

#signup-box h4, #ovly-text{
  color: var(--light-text);
}

#pitch-bar {
  min-height: 30vh;
  background-color: var(--dark-bg);
  color: var(--light-text);
}

.txt-lt {
  color: var(--light-text);
}

.txt-wht {
  color: white;
}

.bg-drk {
  background-color: var(--dark-bg);
}

@media only screen and (min-width: 768px) {
  .hanging-card {
    min-height: 30vh;
    position: relative;
    top: 10vh;
  }

  /* Push Down 15vh */
  .pd-15 {
    margin-top: 15vh;
  }
}


#pitch {
  background-image: linear-gradient(135deg, #c90051, #194bd3);
}

img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.full-height {
  height: 100%;
}

/* min Height 70vh */
.h-70 {
  min-height: 70vh;
}

.left-bar {
  border-left-width: 0.4em;
  border-left-style: solid;
  border-left-color: darkred;
}

.txt-blk {
  color: black;
}

.sq {
  border-radius: 0px;
}

.bg-trans {
  background-color: #00000040;
}

.bg-blur {
  background-color: transparent;
  backdrop-filter: blur(8px);
}

.form-control {
  background-color: #D0D0D080;
  border-radius: 0px;
  border-width: 0px;
}

.btn {
  border-radius: 0px;
  color: white;
  background-color: darkred;
}

#reviews, .bg-dgry {
  background-color: #2e2e2e;
}

#reviews .row {
  min-height: 40vh;
}

.bg-grey {
  background-color: #777374;
}

.txt-red {
  color: darkred;
}

/* min Height 24vh */
.h-20 {
  min-height: 20vh;
}

.h-10 {
  min-height: 10vh;
}