.logo{
    width: 50%;
    max-height: 33vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    animation-name: logo-slide;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}

@keyframes logo-slide{
    0%    {transform: translate(-50%, -50%);}
    100%  {transform: translate(-50%, -120%);}
}

.menu{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -10;

    animation-name:  menu-slide;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}


@keyframes menu-slide{
    0%    {transform: translate(-50%, -50%);}
    100%  {transform: translate(-50%, -10%);}
}

.menu_point{
    display: block;
    width: 170px;
    padding: 8px 0 11px 0;
    text-align: center;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: 20px;
}

a.menu_point:hover{
    text-decoration: none;
    color: #E14B4B;

}

a.menu_point:active{
    text-decoration: none;
    color: #C94343

}