body {
  margin: 0;
  background-image: url('') ;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.first-container {
  width: 100%;
  height: 360px;
  max-width: 720px;
  padding: 30px;
  margin: 3.125rem auto 0 auto;
  border-style: ridge;
  border-color: #000080;
  border-width: medium;
  border: visible;
  border-radius: 25px;
  background-image:
    url(http://elliotvictorious.com/images/webdevcts.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }

.second-container {
  width: 100%;
  height: 360px;
  max-width: 720px;
  padding: 30px;
  margin: 3.125rem auto 0 auto;
  border-style: ridge;
  border-color: #000080;
  border-width: medium;
  border: visible;
  border-radius: 25px;
  background-image:
    url(http://elliotvictorious.com/images/frontendcode.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.third-container {
  width: 100%;
  height: 360px;
  max-width: 720px;
  padding: 30px;
  margin: 3.125rem auto 0 auto;
  border-style: ridge;
  border-color: #000080;
  border-width: medium;
  border: visible;
  border-radius: 25px;
  background-image:
    url(http://elliotvictorious.com/images/backendcode.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.fourth-container {
  width: 100%;
  height: 360px;
  max-width: 720px;
  padding: 30px;
  margin: 3.125rem auto 0 auto;
  border-style: ridge;
  border-color: #000080;
  border-width: medium;
  border: visible;
  border-radius: 25px;
  background-image:
    url(http://elliotvictorious.com/images/webdevportfolio.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }

.fifth-container {
  width: 100%;
  height: 360px;
  max-width: 720px;
  padding: 30px;
  margin: 3.125rem auto 0 auto;
  border-style: ridge;
  border-color: #000080;
  border-width: medium;
  border: visible;
  border-radius: 25px;
  background-image:
    url(http://elliotvictorious.com/images/ninjaskills.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }

.sixth-container {
  width: 100%;
  height: 360px;
  max-width: 720px;
  padding: 30px;
  margin: 3.125rem auto 0 auto;
  border-style: ridge;
  border-color: #000080;
  border-width: medium;
  border: visible;
  border-radius: 25px;
  background-image:
    url(http://elliotvictorious.com/images/webdevedu.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }

.seventh-container {
  background-color: #000000;
  width: 100%;
  height: 480px;
  max-width: 720px;
  padding: 30px;
  margin: 3.125rem auto 0 auto;
  border-style: ridge;
  border-color: gold;
  border-width: medium;
  border: visible;
  border-radius: 25px;
  }

.header {
    background-color: white;
    width: 100%;
    height: 30px;
  }

.footer {
  background-color: white;
  width: 100%;
  height: 100px;
}

.address {
  font-size: 12px;
}

.copyrights {
  font-size: 12px;
}

h1 {
    color: blue;
    font-family: sans-serif;
  }

p {
    color: #000080;
    font-size: 25px;
    font-family: sans-serif;
  }

h2 {
    color: #d3d3d3;
  }