html, body { 
  padding: 0; 
  margin: 0; 
  width: 100%; 
  height: 100%;
  }
  * {
  box-sizing: border-box;
  }
  body { 
  text-align: center; 
  padding: 0; 
  background: #000; 
  color: #fff; 
  font-family: Open Sans;
  }
  h1 { 
  font-size: 50px; 
  font-weight: 100; 
  text-align: center; 
  padding: 0; margin: 0; 
  color:#fff100;
  }
  body { 
  font-family: Open Sans; 
  font-weight: 100; 
  font-size: 20px; 
  color: #fff; 
  text-align: center; 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-pack: center; 
  -ms-flex-pack: center; 
  justify-content: center; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center;
  }
  article { display: block; 
  width: 700px; 
  padding: 50px; 
  margin: 0 auto; 
  }
  a { 
  color: #fff100;
  }
  a:hover { 
  text-decoration: none; 
  }
  svg { 
  width: 75px; 
  margin-top: 1em; 
  }

  .box {
  width: auto ;
  height: 500px;
  background: #fff;
  margin-top:50px;
  margin-left: 100px;
  margin-right: 100px;
  border-radius:5px;
  box-shadow: 6px 18px 18px rgba(0, 0, 0, 0.08), -6px 18px 18px rgba(0, 0, 0, 0.08);
  }

  .animation{
  margin-top:20%;
  display:inline-block;
  margin-bottom:5%;
  }

  .one, .two, .three {
  display:block;
  float:left;
  }

  .one {
  background: url(../images/mone.svg);
  width:80px;
  height:80px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  margin-top:-10px;
  margin-right:8px;
  }

  .two {
  background: url(../images/mtwo.svg);
  width:100px;
  height:100px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  }

  .three {
  background: url(../images/mthree.svg);
  width:80px;
  height:80px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  margin-top:-50px;
  margin-left:-10px;
  }

  @keyframes spin-one {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  100% {
  -webkit-transform: rotate(-359deg) ;
  transform: rotate(-359deg) ;
  }
  }

  .spin-one {
  -webkit-animation: spin-one 1.5s infinite linear;
  animation: spin-one 1.5s infinite linear;
  }

  @keyframes spin-two {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  100% {
  -webkit-transform: rotate(-359deg);
  transform: rotate(359deg);
  }
  }

  .spin-two {
  -webkit-animation: spin-two 2s infinite linear;
  animation: spin-two 2s infinite linear;
  }