@font-face {
  font-family: 'Futura-Light';
  src: url(../fonts/Futura-Light.eot?#iefix);
  src: url(../fonts/Futura-Light.eot?#iefix) format('embedded-opentype'),
       url(../fonts/Futura-Light.ttf)  format('truetype'),
       url(../fonts/Futura-Light.woff) format('woff'),
       url(../fonts/Futura-Light.svg#webfont) format('svg');
font-weight: normal;
   font-style: normal;
}

@font-face {
  font-family: 'Futura-Medium';
  src: url(../fonts/Futura-Medium.eot?#iefix);
  src: url(../fonts/Futura-Medium.eot?#iefix) format('embedded-opentype'),
       url(../fonts/Futura-Medium.ttf)  format('truetype'),
       url(../fonts/Futura-Medium.woff) format('woff'),
       url(../fonts/Futura-Medium.svg#webfont) format('svg');
  font-weight: normal;
   font-style: normal;
}

@font-face {
  font-family: 'JetBrainsMono-Regular';
  src: url(../fonts/JetBrainsMono-Regular.eot?#iefix);
  src: url(../fonts/JetBrainsMono-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/JetBrainsMono-Regular.ttf)  format('truetype'),
       url(../fonts/JetBrainsMono-Regular.woff) format('woff');
  font-weight: normal;
   font-style: normal;
}

.codigo-fuente {
  font-family: JetBrainsMono-Regular;
}

.banner, a.banner {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-family: Futura-Medium;
}

.banner-image {
  background-image: url("../images/winter dream.jpg");
}

body { 
  font-family: Futura-Light;
  font-size: 1.1rem;
}

.card-header {
  font-family: Futura-Medium;  
}