@font-face {
font-family: "UnionRodeo";
src: url("https://vaquero-rodeo.neocities.org/fonts/Union%20Rodeo.ttf");
}

@font-face {
font-family: "ByteBounce";
src: url("https://vaquero-rodeo.neocities.org/fonts/ByteBounce.ttf");
}

@font-face {
font-family: "Centralwell";
src: url("https://vaquero-rodeo.neocities.org/fonts/Centralwell.ttf");
}

@font-face {
font-family: "Eastwood";
src: url("https://vaquero-rodeo.neocities.org/fonts/Eastwood.ttf");
}

@font-face {
font-family: "Dico";
src: url("https://vaquero-rodeo.neocities.org/fonts/Dico.ttf");
}


@font-face {
font-family: "GrapeSoda";
src: url("https://vaquero-rodeo.neocities.org/fonts/GrapeSoda.ttf");
}
@font-face {
font-family: "Phil";
src: url("https://vaquero-rodeo.neocities.org/fonts/Phitagate-Regular.otf");
}



@font-face {
font-family: "Music";
src: url("https://vaquero-rodeo.neocities.org/fonts/CKAS.ttf");
}

@font-face {
font-family: "Horses1";
src: url("https://vaquero-rodeo.neocities.org/fonts/DJ_horses_1.ttf");
}

@font-face {
font-family: "Horses2";
src: url("https://vaquero-rodeo.neocities.org/fonts/YEEHAW.TTF");
}

@font-face {
font-family: "Birds";
src: url("https://vaquero-rodeo.neocities.org/fonts/Madarak.ttf");
}

body{
  background-size: cover;
  color: #ebe1da;
  background-image: url(https://vaquero-rodeo.neocities.org/buttons/battleback_ff_xsh.png);
  text-align: center;
}

header{
  background-color: #40342d;
  margin: 100px 250px 8px 250px;
  border: 8px double #c0cceb;
  padding: 10px 40px 10px 40px;
}

main{
  background-color: #40342d;
  margin: 8px 8px 8px 250px;
  border: 8px double #c0cceb;
  padding: 10px 40px 10px 40px;
  width: 900px;
}
.photos{
  background-color: #40342d;
  margin: 8px 250px 8px 8px;
  border: 8px double #c0cceb;
  padding: 10px 40px 10px 40px;
  width: 400px;
}

.container{
  display: flex;
}

footer{
  background-color: #40342d;
  margin: 0px 0px 0px 250px;
  border: 8px double #c0cceb;
  padding: 10px 40px 10px 40px;
  width: 1293px;
}

blockquote{
  font-family: "Phil";
  letter-spacing: 10px;
  font-size: 40px;
  text-shadow: 5px 4px #303336;
  padding: 0px 0px 0px 0px;
}


h1{
  font-family: "UnionRodeo";
  letter-spacing: 10px;
  font-size: 65px;
  font-weight: lighter;
  text-shadow: 2px 4px #303336;
}

h2{
  font-family: "UnionRodeo";
  letter-spacing: 10px;
  font-size: 40px;
  font-weight: lighter;
  text-shadow: 2px 4px #303336;
}

h3{
  font-family: "horses2";
  letter-spacing: 2px;
  font-weight: lighter;
}

p{
  font-family: "ByteBounce";
  letter-spacing: 2px;
  line-height: 35px;
  font-size: 30px;
  overflow: auto;
  text-align: center;
  padding: 10px 40px 10px 40px;
  
}
  
  
ul{
  font-family: "ByteBounce";
  letter-spacing: 2px;
  line-height: 35px;
  font-size: 30px;
  list-style-position: inside;
  text-align: center;
  padding-right: 35px;
}

a {
    color: #b4c3cf;
    text-decoration: none;
}

#nav{
  font-family: "ByteBounce";
  font-size: 45px;
  list-style-type: none;
  word-spacing: 30px;
}