* {
    font-family: "Montserrat", sans-serif;
}

.header-logo {
    background: linear-gradient(180deg, #FFF -11.85%, rgba(255, 255, 255, 0.00) 97.93%);
}

.input-form {
    background: url('../imgs/InputFormSvg.svg');
}

@keyframes showFirst {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes showSecond {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes showThird {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

#primeiro-svg {
    animation: showFirst 3s infinite;
}

#segundo-svg {
    animation: showSecond 3s infinite;
}

#terceiro-svg {
    animation: showThird 3s infinite;
}

html {
    scroll-behavior: smooth;
}

.nomeclatura {
    background: url('../imgs/Nomeclatura.svg');
    opacity: 0.1;
}

@media (max-width: 768px) and (max-height: 1024px) {
    .ipad {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 769px) and (min-height: 1025px) {
    .ipad {
        display: block;
    }
}

.peixe {
    transform: rotate(-2.024deg);
}

video {
    transform: translate(-50%, -50%);
}

.centralizar {
    margin: 0 auto;
}

body {
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb:hover {
    background: rgb(0, 0, 0.5);
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px black;
    border-radius: 10px;
}

video::-webkit-media-controls {
    display: none;
}