body {
  background-image: url("https://s20.postimg.cc/su28z9tbx/Wind7_Ult64_img0.jpg");
  background-repeat:no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
  
.center {
  width: 60%;
  margin: auto;
}

.scroll {
  overflow-y: scroll;
  overflow-x: hidden;
}
  
.scroll::-webkit-scrollbar {
  display: none;
}

#everything {
  display: grid;
  grid-template-columns: auto auto auto;
  margin-bottom: 44px;
}

#title {
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: auto auto auto;
}
  
#title-text {
  text-shadow: 0px 0px 2px white, 0px 0px 4px white, 0px 0px 6px white, 0px 0px 8px white,
  0px 0px 10px white, 0px 0px 12px white, 0px 0px 14px white, 0px 0px 20px white,
  0px 0px 20px white, 0px 0px 20px white;
  font-size: 16px;
}

#button {
  text-shadow: 0px 0px 1px #7b2020, 0px 0px 1px #7b2020, 0px 0px 10px #7b2020;
  border-radius:3px;
  box-shadow: 0px 0px 5px, 0px 0px 5px;
  border: 1px solid; 
  background: linear-gradient(#e86f6f 40%, #ca3131 50%, #e86f6f 100%);
  height: 20px;
  width: 50px;
  text-align: center;
  margin-left: 67px;
  color: white;
  cursor: pointer;
}

#button-nav {
  cursor: pointer;
  width: 169px;
}

#nav-button {
  cursor: pointer;
  border: none;
  background: none;
  margin-right: 20px;
}

#blinkies {
  height: 250px;
  margin-bottom: 15px;
}


/* first */
#first {
  border: solid;
  border-radius: 7px;
  width: 200px;
  border-color: white;
  box-shadow: 1px 1px 5px white;
  height: 348px;
  margin-top: 20px;
}
  
#top-border-1 {
  padding: 5px;
  padding-top: 6px;
  height: 70px;
  width: 190px;
  border-radius: 5px 5px 0px 0px;
  background-image: linear-gradient(rgba(56, 132, 213, 0.8), rgba(154, 197, 243, 0.9));
}
  
#bottom-border-1 {
  padding-left: 5px;
  padding-right: 5px;
  height:267px;
  width: 190px;
  border-radius: 0px 0px 5px 5px;
  background-color:rgba(89, 158, 231,0.8);
}
  
#button1 {
  text-shadow: 0px 0px 1px #7b2020, 0px 0px 1px #7b2020, 0px 0px 10px #7b2020;
  border-radius:3px;
  box-shadow: 0px 0px 5px, 0px 0px 5px;
  border: 1px solid; 
  background: linear-gradient(#e86f6f 40%, #ca3131 50%, #e86f6f 100%);
  height: 20px;
  width: 50px;
  text-align: center;
  margin-left: 62px;
  color: white;
  cursor: pointer;
}
  
#top-text-1 {
  background-color: #ffff;
  padding: 10px;
  width: 169px;
}
  
#bottom-text-1 {
  background-color: #ffff;
  padding: 10px;
  width: 169px;
  height: 240px;
}


/* second */
#second {
  border: solid;
  border-radius: 7px;
  width: 600px;
  border-color: white;
  box-shadow: 1px 1px 5px white;
  height: 420px;
  margin: 20px;
}
  
#top-border-2 {
  padding: 5px;
  padding-top: 6px;
  height: 70px;
    width: 590px;
  border-radius: 5px 5px 0px 0px;
  background-image: linear-gradient(rgba(56, 132, 213, 0.8), rgba(154, 197, 243, 0.9));
}
  
#bottom-border-2 {
  padding-left: 5px;
  padding-right: 5px;
  height:339px;
  width: 590px;
  border-radius: 0px 0px 5px 5px;
  background-color:rgba(89, 158, 231,0.8);
}
  
#cross-2 {
  text-shadow: 0px 0px 1px #7b2020, 0px 0px 1px #7b2020, 0px 0px 10px #7b2020;
  border-radius:3px;
  box-shadow: 0px 0px 5px, 0px 0px 5px;
  border: 1px solid; 
  background: linear-gradient(#e86f6f 40%, #ca3131 50%, #e86f6f 100%);
  height: 17px;
  width: 50px;
  text-align: center;
  margin-left: 495px;
  color: white;
}
  
#top-text-2 {
  background-color: #ffff;
  padding: 10px;
  width: 570px;
  text-align: center;
}
  
#bottom-text-2 {
  background-color: #ffff;
  padding: 10px;
  height: 313px;
  width: 570px;
}


/* third */
#third {
  border: solid;
  border-radius: 7px;
  width: 200px;
  border-color: white;
  box-shadow: 1px 1px 5px white;
  height: 121px;
  margin-top: 20px;
}
  
#top-border-3 {
  padding: 5px;
  padding-top: 6px;
  height: 40px;
  width: 190px;
  border-radius: 5px 5px 0px 0px;
  background-image: linear-gradient(rgba(56, 132, 213, 0.8), rgba(154, 197, 243, 0.9));
}
  
#bottom-border-3 {
  padding-left: 5px;
  padding-right: 5px;
  height:70px;
  width: 190px;
  border-radius: 0px 0px 5px 5px;
  background-color:rgba(89, 158, 231,0.8);
}
  
#cross-3 {
  text-shadow: 0px 0px 1px #7b2020, 0px 0px 1px #7b2020, 0px 0px 10px #7b2020;
  border-radius:3px;
  box-shadow: 0px 0px 5px, 0px 0px 5px;
  border: 1px solid; 
  background: linear-gradient(#e86f6f 40%, #ca3131 50%, #e86f6f 100%);
  height: 17px;
  width: 50px;
  text-align: center;
  margin-left: 101px;
  color: white;
}
  
#top-text-3 {
  background-color: #ffff;
  padding: 10px;
  width: 169px;
 }
  
#bottom-text-3 {
  background-color: #ffff;
  padding: 10px;
  width: 169px;
  height: 45px;
}


/* fourth */
#fourth {
  border: solid;
  border-radius: 7px;
  width: 200px;
  border-color: white;
  box-shadow: 1px 1px 5px white;
  height: 280px;
  margin-top: -79px;
}
  
#top-border-4 {
  padding: 5px;
  padding-top: 6px;
  height: 70px;
  width: 190px;
  border-radius: 5px 5px 0px 0px;
  background-image: linear-gradient(rgba(56, 132, 213, 0.8), rgba(154, 197, 243, 0.9));
}
  
#bottom-border-4 {
  padding-left: 5px;
  padding-right: 5px;
  height:199px;
  width: 190px;
  border-radius: 0px 0px 5px 5px;
  background-color:rgba(89, 158, 231,0.8);
}
  
#cross-4 {
  text-shadow: 0px 0px 1px #7b2020, 0px 0px 1px #7b2020, 0px 0px 10px #7b2020;
  border-radius:3px;
  box-shadow: 0px 0px 5px, 0px 0px 5px;
  border: 1px solid; 
  background: linear-gradient(#e86f6f 40%, #ca3131 50%, #e86f6f 100%);
  height: 17px;
  width: 50px;
  text-align: center;
  margin-left: 95px;
  color: white;
}
  
#top-text-4 {
  background-color: #ffff;
  padding: 10px;
  width: 169px;
}
  
#bottom-text-4 {
  background-color: #ffff;
  padding: 10px;
  width: 169px;
  height: 173px;
  }


/* fifth */
#fifth {
  border: solid;
  border-radius: 7px;
  width: 600px;
  border-color: white;
  box-shadow: 1px 1px 5px white;
  height: 200px;
  margin-left: 20px;
}
  
#top-border-5 {
  padding: 5px;
  padding-top: 6px;
  height: 50px;
  width: 590px;
  border-radius: 5px 5px 0px 0px;
  background-image: linear-gradient(rgba(56, 132, 213, 0.8), rgba(154, 197, 243, 0.9));
}
  
#bottom-border-5 {
  padding-left: 5px;
  padding-right: 5px;
  height: 139px;
  width: 590px;
  border-radius: 0px 0px 5px 5px;
  background-color:rgba(89, 158, 231,0.8);
}
  
#cross-5 {
  text-shadow: 0px 0px 1px #7b2020, 0px 0px 1px #7b2020, 0px 0px 10px #7b2020;
  border-radius:3px;
  box-shadow: 0px 0px 5px, 0px 0px 5px;
  border: 1px solid; 
  background: linear-gradient(#e86f6f 40%, #ca3131 50%, #e86f6f 100%);
  height: 17px;
  width: 50px;
  text-align: center;
  margin-left: 495px;
  color: white;
}
  
#top-text-5 {
  background-color: #ffff;
  padding: 10px;
  width: 570px;
  height: 133px;
}
  
#bottom-text-5 {
  background-color: #ffff;
  padding: 10px;
  width: 570px;
  height: 113px;
}


/* sixth */
 #sixth {
  border: solid;
  border-radius: 7px;
  width: 200px;
  border-color: white;
  box-shadow: 1px 1px 5px white;
  height: 500px;
  margin-top: -300px;
}
  
#top-border-6 {
  padding: 5px;
  padding-top: 6px;
  height: 100px;
  width: 190px;
  border-radius: 5px 5px 0px 0px;
  background-image: linear-gradient(rgba(56, 132, 213, 0.8), rgba(154, 197, 243, 0.9));
}
  
#bottom-border-6 {
  padding-left: 5px;
  padding-right: 5px;
  height:389px;
  width: 190px;
  border-radius: 0px 0px 5px 5px;
  background-color:rgba(89, 158, 231,0.8);
}
  
#cross-6 {
  text-shadow: 0px 0px 1px #7b2020, 0px 0px 1px #7b2020, 0px 0px 10px #7b2020;
  border-radius:3px;
  box-shadow: 0px 0px 5px, 0px 0px 5px;
  border: 1px solid; 
  background: linear-gradient(#e86f6f 40%, #ca3131 50%, #e86f6f 100%);
  height: 17px;
  width: 50px;
  text-align: center;
  margin-left: 82px;
  color: white;
}
  
#top-text-6 {
  background-color: #ffff;
  padding: 10px;
  width: 169px;
  text-align: center;
}
  
#bottom-text-6 {
  background-color: #ffff;
  padding: 10px;
  width: 169px;
  height: 363px;
}


/* seventh */
#seventh {
  border: solid;
  border-radius: 7px;
  width: 1050px;
  border-color: white;
  box-shadow: 1px 1px 5px white;
   height: 120px;
  margin-top: -30px;
}

 #top-border-7 {
  padding: 5px;
  padding-top: 6px;
  height: 35px;
  width: 1040px;
  border-radius: 5px 5px 0px 0px;
  background-image: linear-gradient(rgba(56, 132, 213, 0.8), rgba(154, 197, 243, 0.9));
}
  
#bottom-border-7 {
  padding-left: 5px;
  padding-right: 5px;
  height:74px;
  width: 1040px;
  border-radius: 0px 0px 5px 5px;
  background-color:rgba(89, 158, 231,0.8);
}
  
#cross-7 {
  text-shadow: 0px 0px 1px #7b2020, 0px 0px 1px #7b2020, 0px 0px 10px #7b2020;
  border-radius:3px;
  box-shadow: 0px 0px 5px, 0px 0px 5px;
   border: 1px solid; 
  background: linear-gradient(#e86f6f 40%, #ca3131 50%, #e86f6f 100%);
  height: 17px;
  width: 50px;
  text-align: center;
  margin-left: 933px;
  color: white;
}
  
#top-text-7 {
  background-color: #ffff;
  padding: 10px;
  width: 1019px;
}
  
#bottom-text-7 {
  background-color: #ffff;
  padding: 10px;
  width: 1019px;
  height: 48px;
}


/* footer */
#footer {
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(21, 86, 155 ,1));
  padding: 3px;
  padding-left: 10px;
  margin-top:px;
  display: grid;
  grid-template-columns: auto auto auto;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 25px;
  margin-bottom: -10px;
  border-top: solid;
  border-color: #7eb4ec;
}
  
#bottom-text {
  text-align: center;
  padding-top: 7px;
  margin-left: -20px;
  color: white;
  font-size: 14px;
}
  
#right-icons {
  margin-left: 1110px;
}
  
#nav {
  margin-top: 5px;
}
  
#icons {
  height: 30px;
}