.menuTitleOption {
    font-family: 'BebasNeue-Bold';
    color: black;
    font-size: 3em;
    margin-left: 20px;
    z-index: 1;
    text-decoration: none;

}

#optionProjects {
    animation: 1.2s ease-out 0s 1 slideInFromLeft forwards;
}

#optionResume {
    animation: 1.2s ease-out 0.2s 1 slideInFromLeft forwards;

}

#optionCertificates {
    animation: 1.2s ease-out 0.4s 1 slideInFromLeft forwards;

}

#optionAboutMe {
    animation: 1.2s ease-out 0.6s 1 slideInFromLeft forwards;

}

#optionMore {
    animation: 1.2s ease-out 0.8s 1 slideInFromLeft forwards;
}

#optionContact {
    animation: 1.2s ease-out 1s 1 slideInFromLeft forwards;
}


.menuOption {
    transition: 0.5s;
    opacity: 0;
}

.menuOption a {
    transition: 0.5s;
}

.menuOption svg {
    position: absolute;
    transition: 0.5s;
}

.menuOption:hover {
    a {
        transform: scale(5);
    }

    svg {
        width: 200px;

        rect {

            fill: orange;
        }
    }
}