bdy {
    align-items: center;
    display: flex;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 28px;
    font-weight: 100;
    margin: 0;
    min-height: 100%;
    padding: 0;
  }
  .carousel img {
      border: 2px solid #000;
      overflow: hidden;
      border-radius: .5em;
  }
  .carousel h1 {
    font-size: 48px;
    font-weight: 300;
    margin: 0 0 .1em;
  }
  
 .carousel p {
    margin: 0;
  }
  
  .carousel {
    align-items: center;
    display: flex;
      justify-content: flex-start;
      overflow: hidden;
    padding: 40px 0;
      position: relative;
      width: 100%;
  }
  
  .carousel > .container {
      display: flex;
      flex-direction: row;
      height: 100%;
      transform: translate3d(0, 0, 0);
      transition: transform 600ms;
  }
  
  .carousel > nav {
      bottom: 0;
      left: 0;
      position: absolute;
      text-align: center;
      width: 100vw;
      z-index: 1;
  }
  
  .carousel > nav a {
      color: #000;
      font-size: 14px;
      opacity: .2;
      text-decoration: none;
  }
  
  .carousel > nav a:hover {
      opacity: .5;
  }
  
  .carousel > nav a.current {
      opacity: 1;
  }
  
  .carousel .slide {
      flex-shrink: 0;
      line-height: 1.4;
      text-align: center;
      width: 100vw;
  }