body{ 
  background-color: darkslategrey;
}
#img1{
  border-radius: 40px;
  margin:15px;
  float: left;

}

#text{ border:3px solid steelblue;
background:darkslateblue;
  margin-top: 0px;
  text-align: center;
  text-shadow: 30px;
  color: linen;
  padding:20px;
  border-radius: 15px;
  width:300px;
}
#left{ background-color: black;
  float: right;
  margin:5px;
  font-family: sans-serif;
  color: whitesmoke;
  width:90px;
  height:40px;
  border-radius: 20px;
  text-align: center;
}
  
#left:hover{
  background: darkred;
  color: snow;
}

#home{ 
  background-color: darkslategray;
  padding-top: 0px;
  margin:0px;
  border-radius: 15px;
  padding-block: 0px;
  overflow: visible;
  background-position: cover;
  width:345px;
  border-top:3px solid steelblue;
 
}
.about{ background: darkslategrey;
  border:3px solid steelblue;
  border-radius:15px;
  padding:15px;
  margin:1px;
  text-align: center;
  color: snow;
  font-size: 200;
  font-family: Arial, Helvetica, sans-serif
}
#service{ 
   background: darkslategray;
  color: linen;
  border-radius:15px;
  padding:5px;
  margin:2px;
  text-align: center;
  color: snow;
  font-size: 200;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.contact{
  background: darkslategrey;
  border:3px solid steelblue;
  border-radius:15px;
  padding:5px;
  margin:2px;
  text-align: center;
  color: snow;
  font-size: 200;
  font-family: century;
}
/* Meme slider styles */
.meme-slider { position: relative;
  display: flex;
  width:100%;
  background-color: snow;
  border:5px solid silver;
  border-radius: 20px;
}

.meme-slide {
  min-width: 70%;
  transition: transform ease-in-out;

}

.meme-slider img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}



.section {
  padding: 5px;
  text-align: century;

}

.meme-slider {
  display: visible;
  overflow: hidden;
  width: 100%;
}

.meme-slide img {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  animation: slide 8s infinite linear;
  margin: 10px;
  margin-top: 5px;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.mim{ background-color: 3px solid red;
  border-radius: 17px;
  color: goldenrod;
  padding:3px;
  height:50px;
  padding-top: 10;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: black;
  float: auto;
 
  
}
.mim:hover{ 
  background: orange;
  color: green;
}
.but{ 
    background-color: black;
  border-radius: 15px;
  color: white;
  padding:50px;
  padding-top: 15px;
  padding-bottom: 15px;

}
a:link{ 
  text-decoration: none;}