@charset "UTF-8";
  html{
    box-sizing: border-box;
    display: inline-block;
    width:100%;
    font-family: 'Manrope',sans-serif,Helvetica,Impact,Arial,sans-serif;
    font-size: 15pt;
    position: initial;
    color: #0c147d;
    background-color: #fff;
    }

  body{
    width: 100%;
    }

  img{
    width: 100%;
    }

  #top{
    width: 40%;
    margin: 30% auto 0;
    text-align: center;
    font-size: 10pt;
  }

  .drift{
    position: relative;
    animation-name: drift;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    margin-bottom: 10px;
  }

  .img-holder{
    width: 100%;
    }

  .none{
    display: none;
    }

  .flow{
    clear: both;
    }

  h2{
    font-size: 1.4em;
    font-weight: bold;
    }

  @keyframes drift
{
  from{
    transform: translateX(0px) translateY(0px);
  }
  10%{
    transform: translateX(0px) translateY(5px);
  }
  20%{
    transform: translateX(0px) translateY(10px);
  }
  30%{
    transform: translateX(0px) translateY(12px);
  }
  40%{
    transform: translateX(0px) translateY(10px);
  }
  50%{
    transform: translateX(0px) translateY(5px);
  }
  60%{
    transform: translateX(0px) translateY(0px);
  }
  70%{
    transform: translateX(0px) translateY(-3px);
  }
  80%{
    transform: translateX(0px) translateY(-5px);
  }
  90%{
    transform: translateX(0px) translateY(-3px);
  }
  to{
    transform: translateX(0px) translateY(0px);
  }
}