/* BG */
.bg{
    position: fixed;
    z-index: -1;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;

    img{
        position: absolute;
    }

    .A{
        height: 200dvh;
        top: 40dvh;
        right: 85%;
        animation: slideInFromLeft 3s ease-in-out;
    }
    .H{
        display: none;
        width: 80%;
        bottom: 95dvh;
        left: 50%;
        transform: translateX(-50%);
    }
    .F{
        height: 200dvh;
        top: 20dvh;
        left: 85%;
        animation: slideInFromRight 3s ease-in-out;
    }
}

@keyframes slideInFromLeft {
    0% {
      transform: translateX(0%) translateY(-3%) ;
    }
    100% {
      transform: translateX(0%) translateY(0%);
    }
}

@keyframes slideInFromRight {
    0% {
      transform: translateX(0) translateY(3%);
    }
    100% {
      transform: translateX(0%) translateY(0%);
    }
}