body {
  display: grid;
  align-items: center;
  justify-content: center;
  min-height: 90vh;
  flex-direction: column;
  background: white;
}
a {
  position: relative;
  display: inline-block;
  padding: 12px 36px;
  margin: 6px 0;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;

}
a1 {
  position: relative;
  display: inline-block;
  padding: 12px 36px;
  margin: 7px 0;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;

}


.container {
  height: 200px;
  width: 400px;
  padding: 2px;
  

}
h2{
 text-indent:50px;
}
h4{
 text-indent:135px;
}
h5{
 text-indent:75px;
}


.button4 {
  display: block;
  color: #f04520;
  background: #f04520;
}

.button3 {
  display: block;
  color: #2a3d63;
  background: #2a3d63;
}

button1 {
  display: block;
  color: #f04520;
  background: #f04520;
}

.button2 {
  display: block;
  color: #808080;
  background: #808080;
}


.name {
  height: 200px;
  width: 420px;
  display: flex;
}


.box {
 display: flex;
 justify-content: space-between;
}

@keyframes fade {
  0% { opacity: 0; }
  11.11% { opacity: 1; }
  33.33% { opacity: 1; }
  44.44% { opacity: 0; }
  100% { opacity: 0; }
}

.fadein { position:relative; width:70%;}
.fadein img { position:absolute; width:50%; left:0; right:0; opacity:0; animation-name: fade; animation-duration: 9s; animation-iteration-count: infinite; }
.fadein img:nth-child(1) { animation-delay: 0s; }
.fadein img:nth-child(2) { animation-delay: 3s; }
.fadein img:nth-child(3) { animation-delay: 6s; }

