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

}

#text{ border:5px solid darkslategrey;
background: black;
  margin-top: 0px;
  text-align: center;
  text-shadow: 30px;
  color: linen;
  padding:20px;
  border-radius: 15px;
  width:300px;
}
h2{
  font-family:'Abril Fatface; cursive;
}
#left{ background-color: black;
  float: right;
  margin:5px;
  font-family: sans-serif;
  color: whitesmoke;
  width:90px;
  height:40px;
  border-radius: 20px;
  text-align: center;
}

#home{ 
  background-color: silver;
  padding-top: 0px;
  margin:0px;
  border-radius: 15px;
  border-bottom:  5px dotted silver;
  overflow: visible;
  background-position: cover;
  width:345px;
 
 
}
.about{ background: darkslategray;
  border-top:5px solid black;
  border-radius:25px;
  padding:10px;
  margin:0px;
  text-align: center;
  color: snow;
  font-size: 165%;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 5px solid black;
}
#service{ border-top:5px solid silver;
   background:darkslategray;
  color: linen;
  border-radius:15px;
  padding:2px;
  margin:5px;
  text-align: center;
  color: snow;
  font-size: 150%;
  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;
  border-top: 5px solid silver;
  color: snow;
  font-size: 160%;
  font-family: century;
  border-bottom: 5px solid snow;
  padding-bottom: 15px;
}
/* Meme slider styles */
.meme-slider { position: relative;
  display: flex;
  width:100%;
  background-color: snow;
  border:5px solid silver;
  border-radius: 20px;
  justify-content: space-between;
}
.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: 12px;
  color: white;
  padding:20px;
  padding-top: 10px;
  padding-bottom: 10px;

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

  

/* Desktop layout */
@media only screen and (min-width: 768px) {
  /* Add your desktop styles here */
  body {
    font-size: 18px;
  }
  .container {
    max-width: 1200px;
    margin: 0 auto;
  }
}

/* Tablet layout */
@media only screen and (min-width: 481px) and (max-width: 767px) {
  /* Add your tablet styles here */
  body {
    font-size: 16px;
  }
  .container {
    max-width: 800px;
    margin: 0 auto;
  }
}

/* Mobile layout */
@media only screen and (max-width: 480px) {
  /* Add your mobile styles here */
  body {
    font-size: 14px;
  }
  .container {
    max-width: 250px;
    margin: 0 auto;
  }
}