/***** Global Style *****/
*{
  font-family: "Roboto", sans-serif;
}
/*p{
  font-size: 20px;
  color: #444;
}*/

/***** Global Slide *****/
/*.slide-right, .slide-left {
  width: 100%;
}*/

/***** Slide Right *****/
/*.slide-right {
  animation: 3s slide-right;
}*/
/*@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}*/

/***** Slide Left *****/
.slide-left {
  animation: 5s slide-left;
}
@keyframes slide-left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}

.slide-left1 {
  animation: 10s slide-left1;
}
@keyframes slide-left1 {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}

.slide-left2 {
  animation: 15s slide-left2;
}
@keyframes slide-left2 {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}


.slide-left3 {
  animation: 20s slide-left3;
}
@keyframes slide-left3 {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}

.slide-left4 {
  animation: 25s slide-left4;
}
@keyframes slide-left4 {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}


.slide-left5 {
  animation: 30s slide-left5;
}
@keyframes slide-left5 {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}

.slide-left6 {
  animation: 35s slide-left6;
}
@keyframes slide-left6 {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}

/***** Misc Styles *****/
/*.container {
  width: 500px;
  margin: auto;
  background: #fff;
  padding: 20px;
  overflow: hidden;
  box-shadow: 0 0 25px #000;
  margin-top: 30px;
  border: 1px solid #444;  
  text-align: center;
}
body {
  background: #e2e2e2;
}*/

/***** FadeIn Underline *****/
.line {
  border-bottom: 3px solid red;
  width: 200px;
  margin: auto;
}
.fade-in {
  animation: fadeIn ease 3s;
}
@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}