www/src/static/css/style.css

/* General/Utilities */

body{
  background-color: #1a1a1a;
  max-width: 1920px;
}

.container{
  max-width: 1920px;
  padding:0px;
}

@media only screen and (min-width: 1280px) {
  .container{
    padding: 80px 160px;
  }
}

/* Navbar General */

.navbar{
  background-color: #1a1a1a !important;
  height: 80px;
  border-bottom: 2px solid #949494;
}

/* Brand Colors */

.teal{
  color:#00ffd0;
}

.black{
  color: #1a1a1a;
}

.dark-gray{
  color: #4d4d4d;
}

.grid-gray{
  color: #949494;
}

.light-gray{
  color: #e1e1e1;
}

.white{
  color: #ffffff;
}

.purple{
  color: #8000ff;
}

.orange{
  color: #ff4100;
}

/* General Typography */

@font-face {
  font-family: "pp-neue-machina";
  src: url("/fonts/PPNeueMachina-InktrapLight.woff");
}

@font-face {
  font-family: "sono";
  src: url("/fonts/Sono-Light.woff2");
}

h1{
  font-family: "pp-neue-machina", sans-serif;
  color:#00ffd0;
  text-transform:uppercase;
}

h2{
  font-family: "pp-neue-machina", sans-serif;
  color:#00ffd0;
}

p{
  font-family: "sono", sans-serif;
  color: #ffffff;
}

/* Breakpoint-Specific Typography */


@media only screen and (min-width: 1280px) {

  h1{
    font-size: 224px;
    line-height: 240px;
  }

  h2{
    font-size: 110px;
    line-height: 160px;
  }

  .lead{
    font-size: 28px !important;
  }

  p{
    font-size: 20px;
  }

}