/* background image */
body{
  background-image: url("../images/intersection.png");
}

/*  images with the float property */
.makeimagefloatleft{
  float:left;
  padding-right: 16px;
}

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

h1, h3, a{
  font-family: 'comic_zine_otregular';
  font-size:50px;
}

/* borders */
.fullborder{
  border-style: solid;
  border-radius: 5px;
  color: rgb(0, 0, 0);
  width: 800px;
  height: 50px;
}

.linkborder{
  border-style: solid;
  border-radius: 5px;
  color: rgb(22, 158, 10);
  width: 800px;
  height: 50px;
}

.linkborder:hover{
  border-style: solid;
  border-radius: 5px;
  color: rgb(0, 134, 139);
  width: 800px;
  height: 50px;
}

/* Link style */
a:link{
  color: rgb(22, 158, 10);
  text-decoration: none;
}
a:visited{
  color:rgb(22, 158, 10);
  text-decoration: none;
}
a:hover{
  color: rgb(0, 134, 139);
  text-decoration: none;
}
a:active{
  color:rgb(22, 158, 10);
  text-decoration: none;
}