Swamp Rabbit Cycling

gistfile1.txt

* {
  box-sizing: border-box;
}
@font-face {
  font-family: Oleo Script;
  font-style: normal;
  font-weight: 400;
  src: local('Oleo Script'), url(http://fonts.gstatic.com/s/oleoscript/v5/_weQNDK6Uf40CiGFKBBUjogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
}
@font-face {
  font-family: Poiret One;
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), url(http://fonts.gstatic.com/s/poiretone/v4/HrI4ZJpJ3Fh0wa5ofYMK8QzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
}
body {
  border-right: 1px solid black;
  border-left: 1px solid black;
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.logo {
  background-image: url("../img/logo.png");
  background-size: contain;
  background-repeat: no-repeat;

  position: absolute;
  right: 56px;
  height: 200px;
  width: 100px;
}
header {
  font-family: Oleo Script;
  border: 1px solid black;
  background-image: url("../img/header-background.jpg");
  color: white;

  text-align: center;
  padding-top: 100px;
  padding-right: 50px;
  padding-bottom: 100px;
  padding-left: 50px;

  background-size: cover;
  background-position: center center;
  position: relative;
}
header > h2 {
  font-family: Poiret One;

}
main > section {
  font-family: Poiret One;
  border: 1px solid white;

  text-align: center;
}
section > ul {
  border-collapse: collapse;
  padding-top: 50p;
  padding-right: 50p;
  padding-bottom: 100p;
  padding-left: 50p;
}
#left-img {
  background-image: url("../img/left-img.jpg");
}
#middle-img {
  background-image: url("../img/middle-img.jpg");
  margin-left: 25px;
  margin-right: 25px;
}
#right-img {
  background-image: url("../img/right-img.jpg");
}
section > div > p {
  background-color: green;
  padding-top: 100px;
  padding-right: 100px;
  padding-bottom: 100px;
  padding-right: 100px;
}
section > h3 {
  padding-top: 100px;
  padding-right: 50px;
  padding-bottom: 100px;
  padding-right: 50px;
}
footer {
  border: 1px solid brown;
  background-color: brown;

  text-align: center;

  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}
li {
  background-size: cover;
  background-position: center center;
  display: inline-block;
}
.single-img-card {
  width: 250px;
  height: 250px;
}