.aoe-landing{
    margin-bottom: 5%;
     position: relative;
}

.aoe-scratch{
    width: 44%;
    margin-top: -1%;
}

.aoe-selector{
    cursor: pointer;
    user-select: none;
}

.capsule{
   position: absolute;
   height: 60px;
   top:0;
   left: 0;
   z-index: 1;
   /* background-color:blue; */
   /* width: 500px; */
}

.capsule-half{
    height: 100%;
    position: absolute;
    /* opacity: 0.6; */
    /* display: none; */
}

#capsule-rect{
    position: absolute;
    height: 100%;
    width: 100px;
    background-color: #f37b39;
      /* opacity: 0.6; */
      /* display: none; */
    
}

.capsule-half-right{
    transform: scaleX(-100%)
    
}

.link-line{
    position: absolute;
    top:0;
    left:0
}

  @media (max-width: 1100px){

    .aoe-landing{
        margin-bottom: 10%;
    }

  }


  @media (max-width: 680px){

    .aoe-landing{
        margin-bottom: 16%;
    }

  }