body {
  background-color: white;
}

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Rubik"/>
* {
  font-family: "Varela Round", sans-serif;
}

a:link {
  text-decoration: none;
}


h1 {
  margin-top: 1rem;
}

.card-header {
  color: white;
  background: black;
}


.card-body {
  padding: 10px;
}

.vidcard {
  max-width: 350px;
  min-width: 350px;
  
  margin: 1rem;
}


.italics {
  font-style: italic;
}


@media screen and (max-width: 1200px) {
  h1 {
    font-size: 3rem;
  }
  .navtext {
    font-size: 15px;
  }
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 2rem;
  }
}



/*  ALL OLD STUFF FROM GDE.COM STYLE TEMPLATE

.icon {
  max-width: 80%;
  min-width: 80%;
}

.section {

  color: (rgba(13, 53, 128, 1)
    );
}

.card-footer {
  color: black;
  background: linear-gradient(
    90deg,
    white 0%,
    rgb(225, 225, 225) 50%,
    white 100%
  );
}

.linkbox {
  color: black;
  background: linear-gradient(
    90deg,
    white 0%,
    rgb(225, 225, 225) 50%,
    white 100%
  );
}

.infocard {
  
  margin: 0 0 1rem 0;
  max-width: 800px;
}

.logo {
 
  margin: 1rem 0 1rem 0;
}

.chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: "";
  display: inline-block;
  height: 0.6em;
  width: 0.6em;
  left: 0.15em;
  position: relative;
  top: 0em;
  transform: rotate(45deg);
  vertical-align: center;
}

.chevron.right:before {
  left: 0;
  transform: rotate(90deg);
}

*/