* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  
  .slider-slide {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #0652dd;
  }
  
  .slider-slide.is-bright {
    background-color: #054bc9;
  }
  
  .slider-number {
    font-size: 40px;
    color: #fff;
    display: block;
  }
  
  
  .page-slider {
    width: 100%;
    height: 400px;
  }
  
  .page-code {
    font-size: 15px;
    padding: 15px 0;
    display: block;
  }
  
  .page-code .code-line {
    display: block;
    margin-left: 30px;
  }
  
  .page-code .code-line-deep {
    display: block;
    margin-left: 60px;
  }
 

  @media screen and (min-width: 600px) {
    .main {
      display: -webkit-flex;
      display: flex;
    }
  }