/*site idee
vogel quiz
ga naar random vogel tab

*/
@import url("https://necolas.github.io/normalize.css/8.0.1/normalize.css");
/*fonts*/
@font-face {
  font-family: "Bauhaus";
  src: url("fonts/BAUHS93.TTF")format("truetype");
  }
 @font-face { font-family: "tnr";
  src: url("fonts/TIMES.TTF")format("truetype");
  }
@font-face {  font-family: "cursief";
  src: url("fonts/FRSCRIPT.TTF")format("truetype");
}

/*site uiterlijk*/


body {
  font-family: "tnr";
  background-image: url("images/treesbkg.jpg");
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: fixed;
  background-color: rgb(42,109,14);
  color: black;
}
#introsite{
  font-family: "tnr";
  text-align: center;
  line-height: 1.4;
  background-color:rgba(102,210,255,0.9);
  margin-left:180px;
  margin-right:180px;
}

h1{
  font-family: "cursief";
  font-size: 80px;
  margin: auto;
  background-color:black;
  text-align: center;
  color:white;
}

h2{
  font-family: "cursief";
  font-size: 60px;
  background-color:black;
  text-align: left;
  color:white;
}


#list1{
   font-family: "tnr";
  position: relative;
  bottom: 200px;
  background-color:rgba(102,210,255,0.9);
  
}

.tablealign{
  vertical-align: top;
}


h3{
  font-family: "cursief";
  font-size: 60px;
  background-color:black;
  margin-left:300px;
  text-align: right;
  color:white;
  position: relative;
  bottom:130px
}


#fotograaf{
  text-align:right;
  color:white;
  
}

#fotohr{
  color: white;
  width:50%;
  text-align: right;
  margin-right: 0;
}


/*tjiftjaf*/
#chchtitel {
  text-align:center;
  font-size: 22px;
}

#chchinfo {
  background-color:rgba(102,210,255,0.85);
  font-size:18px;
  margin:auto;
  padding-bottom:1em;
}

#chchfoto{
  width:100%;
}

.chchdoos {
  display: flex;
}

.chchdoos > div {
  width:50%;
}

/*blog1*/
#blogtitel{
  text-align:center;
  font-size:22px;
}

#bloginfo{
  background-color:rgba(102,210,255,0.85);
  font-size:18px;
  margin: auto;
  padding-bottom:1em;
}

#blogfoto{
  width:100%;
}

.blogdoos {
  display: flex;
}

.blogdoos > div {
  width:50%;
}

.grasland {
  font-family: "tnr";
  background-image: url("images/grasland.jpg");
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: fixed;
  background-color: rgb(42,109,14);
  color: black;
}