@font-face {
    font-family: Poppins;
    src: url(../../@/Poppins-Regular.woff2) format('woff2'),
         url(../../@/Poppins-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.inav {
    animation: fadeInAnimation ease 10s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

25% {
    opacity: .25
}

50% {
    opacity: .5
}

75% {
    opacity: .75
}

100% {
    opacity: 1
}

.inav a,
a:active,
a:hover,
a:visited {
    color: inherit;
    text-decoration: none
}

.inav:hover {
    pointer-events: all
}

.navo {
    display: inline-block;
    cursor: pointer;
    pointer-events: all
}

.navi {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    top: 10px;
    opacity: 0;
    transition: opacity .5s ease, top .5s ease;
    transition-delay: 0
}

.inav:hover .navi {
    opacity: 1;
    top: 0
}

.navi:first-child {
    transition-delay: 0.45s
}

.navi:nth-child(2) {
    transition-delay: 0.40s
}

.navi:nth-child(3) {
    transition-delay: 0.35s
}

.inav:hover .navi:first-child {
    transition-delay: 0.25s
}

.inav:hover .navi:nth-child(2) {
    transition-delay: 0.30s
}

.inav:hover .navi:nth-child(3) {
    transition-delay: 0.35s
}