@font-face {
    font-family: primary-font;
    src: url(../fonts/birchfield-regular-webfont.woff);
  }
  
  @font-face {
    font-family: secondary-font;
    src: url(../fonts/Phoenix-Regular.woff);
  }
  
  @font-face {
    font-family: tertiary-font;
    src: url(../fonts/Poppins-Regular.ttf);
  }

body{
    font-family: primary-font;
    background-color: #9FBFD5;
}

main{
    background-image: url('https://ik.imagekit.io/mcpherson/tr:w-1920/background.jpg');
    background-size: cover;

}

h1{
  font-family: primary-font;
  font-size: 4em;
}
.banner-overhang{
  font-family: primary-font;
}

.display-6{
  color: #7F9FB5;
}

.display-3{
  color:#B24F3B;
}


  html,
  body {
  
    font-family: tertiary-font;
    background: -moz-linear-gradient(bottom, #feffff 0%, #d0d9ea 64%, #9fbfd5 100%);
    background: -webkit-linear-gradient(bottom, #feffff 0%, #d0d9ea 64%, #9fbfd5 100%);
    background: linear-gradient(to top, #feffff 0%, #d0d9ea 64%, #9fbfd5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#9fbfd5', GradientType=0);
    background-attachment: fixed;
  }


  h2{
    font-family: tertiary-font;
    font-size: 2rem;
  }

  h3{
    color: #444;
  }