body {
        scroll-snap-type: mandatory;
        scroll-snap-points-y: repeat(100vh);
        scroll-snap-type: y mandatory;
        background: #ffebc9;
        overflow-x: hidden;
    }


    a:hover {
        text-decoration: none !important;
    }

    .splitBackground {
        background: linear-gradient(90deg, #ffd87a 50%, #ffebc9 50%);
        animation: MOVEsplitBackground 1.0s cubic-bezier(0.29, 0.04, 0.25, 1) 1.5s 1 normal forwards;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -10;
        transform: translateX(-100%);
    }

    @keyframes MOVEsplitBackground {
        0% {
            transform: translateX(-100%);
        }

        100% {
            transform: translateX(0%);
        }
    }



    .bodybgabsolute {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        /* 
        z-index: -2; */
        clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);
    }

    .bodybgabsolute .bgAzul {
        background-color: #d3ffff;
        /*         animation: ANIMATIONBgAzul 0.75s cubic-bezier(0.29, 0.04, 0.25, 1) 0s 1 normal forwards;*/
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 300px;
        /*         transform: translateY(-100%);*/
    }

    @keyframes ANIMATIONBgAzul {
        0% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(0%);
        }
    }

    .bodybgabsolute .bgNuvens {
        background-image: url(../imgs/nuvens.png);
        background-repeat: repeat;
        background-size: 17%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 300px;
        animation: ANIMATIONNuvens 0.75s cubic-bezier(0.29, 0.04, 0.25, 1) 1.7s 1 normal forwards, MOVENuvens 70s linear 0s infinite forwards;
        opacity: 0;
    }

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

        100% {
            opacity: 1;
        }
    }

    @keyframes MOVENuvens {
        0% {
            background-position: left;
        }

        100% {
            background-position: right;
        }
    }


    .bodybgabsolute .bgSillhouetteMountains1 {
        width: 100%;
        height: 300px;
        background-image: url(../imgs/bgsillhouettemountains1.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0;
        animation: MOVESillhouetteMountains 0.75s cubic-bezier(0.29, 0.04, 0.25, 1) 0.5s 1 normal forwards;
    }

    .bodybgabsolute .bgSillhouetteMountains2 {
        width: 100%;
        height: 300px;
        background-image: url(../imgs/bgsillhouettemountains2.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0;
        animation: MOVESillhouetteMountains 0.75s cubic-bezier(0.29, 0.04, 0.25, 1) 0.6s 1 normal forwards;
    }

    .bodybgabsolute .bgSillhouetteMountains3 {
        width: 100%;
        height: 300px;
        background-image: url(../imgs/bgsillhouettemountains3.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0;
        animation: MOVESillhouetteMountains 0.75s cubic-bezier(0.29, 0.04, 0.25, 1) 0.7s 1 normal forwards;
    }

    @keyframes MOVESillhouetteMountains {
        0% {
            height: 300px;
        }

        100% {
            height: 520px;
        }
    }

    .bodybgabsolute .chao {
        height: 360px;
        width: 100%;
        background-image: url(../imgs/chao.png);
        background-position: center;
        position: absolute;
        bottom: 0;
        /*    animation: MOVEchao 0.750s cubic-bezier(0.29, 0.04, 0.25, 1); */

    }

    @keyframes MOVEchao {
        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(0%);
        }
    }


    .bodybgabsolute .bgCascata {
        background: url(../imgs/Cascata.gif);
        animation: ANIMATIONCascata 1s cubic-bezier(0.29, 0.04, 0.25, 1) 2.25s 1 normal forwards;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 54%;
        right: 0;
        top: 24%;
        bottom: 26%;
        opacity: 0;
    }


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

        100% {
            opacity: 1;
        }
    }

    .bodybgfixed {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        /* 
        z-index: -1; */
        clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);
    }


    .bodybgfixed .bgMainTreesBlue {
        background: url(../imgs/bgMainTreesBlue.png);
        animation: MOVEMainTreesBlue 1.2s cubic-bezier(0.29, 0.04, 0.25, 1) 0.25s 1 normal forwards;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

    @keyframes MOVEMainTreesBlue {
        0% {
            left: -80%;
        }

        100% {
            left: 8%;
        }
    }

    .bodybgfixed .bgMainTreePurple {
        background: url(../imgs/bgmaintreepurple.png);
        animation: MOVEMainTreePurple 1.2s cubic-bezier(0.29, 0.04, 0.25, 1) 1.0s 1 normal forwards;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-position: right;
    }

    @keyframes MOVEMainTreePurple {
        0% {
            right: -60%;
        }

        100% {
            right: 0%;
        }
    }

    .bodybgfixed .bgPurpleBlueLeaves {
        background: url(../imgs/bgpurpleblueleaves.png);
        animation: ROTATEPurpleBlueLeaves 0.75s cubic-bezier(0, 0, 0.51, 1) 1s 1 normal forwards,
            ROTATEPurpleBlueLeavesInfinite 1s ease-in-out 0.25s infinite alternate;
        background-repeat: no-repeat;
        background-size: auto;
        position: absolute;
        left: 8%;
        bottom: -1%;
        width: 185px;
        height: 128px;
        opacity: 0;
        background-position: center bottom;
        transform-origin: center bottom;

    }

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

        100% {
            opacity: 1;
        }
    }

    @keyframes ROTATEPurpleBlueLeavesInfinite {
        0% {
            transform: rotate(-3deg);
        }

        100% {
            transform: rotate(3deg);
        }
    }

    .bodybgfixed .bgLeaves2 {
        background: url(../imgs/bgleaves2.png);
        animation:
            ROTATELeaves2 0.75s cubic-bezier(0, 0, 0.51, 1) 0.5s 1 normal forwards,
            ROTATELeaves2Infinite 1s ease-in-out 0s infinite alternate;
        background-repeat: no-repeat;
        background-size: 300px;
        width: 300px;
        position: absolute;
        right: -3%;
        top: 0;
        transform: rotate(-2deg);
        bottom: -1%;
        background-position: right bottom;
        transform-origin: 55% bottom;
        opacity: 0;

    }

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

        100% {
            opacity: 1;
        }
    }

    @keyframes ROTATELeaves2Infinite {
        0% {
            transform: rotate(-2deg);
        }

        100% {
            transform: rotate(2deg);
        }
    }

    .bodybgfixed .bgSillhouetteTree1 {
        background: url(../imgs/bgsillhouettetree1.png);
        animation: MOVEMainTreesBlue 1.2s cubic-bezier(0.29, 0.04, 0.25, 1) 0.7s 1 normal forwards;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;

    }

    /* --- bodybgmobile --- */

    .bodybgmobileabsolute {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        /* 
        z-index: -2; */
        clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);
        display: none;
    }

    .bodybgmobileabsolute .bgAzul {
        background-color: #d3ffff;
        /*         animation: ANIMATIONBgAzul 0.75s cubic-bezier(0.29, 0.04, 0.25, 1) 0s 1 normal forwards;*/
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 100px;
        /*         transform: translateY(-100%);*/
    }

    .bodybgmobileabsolute .bgNuvens {
        background-image: url(../imgs/nuvens.png);
        background-repeat: repeat;
        background-size: 17%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 300px;
        animation: ANIMATIONNuvens 0.75s cubic-bezier(0.29, 0.04, 0.25, 1) 2.3s 1 normal forwards, MOVENuvens 70s linear 0s infinite forwards;
        opacity: 0;
    }

    .bodybgmobileabsolute .bgSillhouetteMountains {
        height: 470px;
        width: 100%;
        background-image: url(../imgs/bgsillhouettemountains.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0;
        /* 
        z-index: 0; */
    }

    .bodybgmobileabsolute .chao {
        height: 290px;
        width: 100%;
        background-image: url(../imgs/chao.png);
        background-position: center;
        position: absolute;
        bottom: 0;
        /* 
        z-index: 0; */
    }

    .bodybgmobileabsolute .bgCascata {
        background: url(../imgs/Cascata.gif);
        /*      animation: ANIMATIONCascata 1s cubic-bezier(0.29, 0.04, 0.25, 1) 2.0s 1 normal forwards; */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left bottom;
        position: absolute;
        left: 22%;
        right: 0;
        top: 24%;
        bottom: 175px;
    }

    .bodybgmobilefixed {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        /* 
        z-index: -1; */
        clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);
        display: none;
    }


    .bodybgmobilefixed .bgMainTreesBlue {
        background: url(../imgs/bgMainTreesBlue.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: right;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
    }


    .bodybgmobilefixed .bgMainTreePurple {
        background: url(../imgs/bgmaintreepurple.png);
        /*    animation: MOVEMainTreePurple 1.2s cubic-bezier(0.29, 0.04, 0.25, 1) 0.9s 1 normal forwards; */
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: left;
        position: absolute;
        left: 5%;
        top: 0;
        bottom: 0;
        right: 0;
    }


    .bodybgmobilefixed .bgPurpleBlueLeaves {
        background: url(../imgs/bgpurpleblueleaves.png);
        /* animation: ROTATEPurpleBlueLeaves 0.5s cubic-bezier(0.29, 0.04, 0.25, 1) 1.55s 1 normal forwards; */
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;
        position: absolute;
        left: 0;
        right: 75%;
        top: 0;
        background-position: center bottom;
        transform-origin: center bottom;
        bottom: 0%;
    }


    .bodybgmobilefixed .bgSillhouetteTree1 {
        background: url(../imgs/bgsillhouettetree1.png);
        /* animation: MOVEMainTreesBlue 1.2s cubic-bezier(0.29, 0.04, 0.25, 1) 0.7s 1 normal forwards; */
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;

    }


    /* 
        section {

            height: 100vh;
            scroll-snap-align: start;
            padding: 10px 10px 20px 10px;
        } */
    .home {
        margin: 0;
    }


    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    text {
        font-family: 'Avenir Next Condensed', sans-serif;
    }

    .container-fluid {
        width: 84%;
        margin-left: 8%;
    }

    .sidebar {
        width: 8%;
        height: 100%;
        overflow: hidden;
        position: fixed;
        background-image: url(../imgs/padraomenu.png);
        z-index: 200;
    }

    #Navbar {
        width: 100%;
    }

    #btn-login {
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        margin: 10%;
        width: 80%;
        bottom: 0;
        position: absolute;
    }

    @keyframes logoanimation {
        from {
            transform: rotate(-90deg);
            opacity: 0;
        }

        to {
            transform: rotate(0deg);
            opacity: 1;
        }
    }

    .logo {
        width: 80%;
        margin: 10%;
        border-radius: 50%;
        -webkit-box-shadow: -1px 10px 12px -6px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: -1px 10px 12px -6px rgba(0, 0, 0, 0.25);
        box-shadow: -1px 10px 12px -6px rgba(0, 0, 0, 0.25);
        /* animation: logoanimation 1s cubic-bezier(0.41, 0.05, 0.69, 1.4); */
    }


    .logobig {
        box-shadow: 0px 7px 18px -2px rgba(0, 0, 0, 0.25);
        max-width: 141px;
        border-radius: 50%;
    }

    #SubTitulo {
        margin-top: 20px;
        font-size: 13pt;
    }

    #TituloPadrao {
        margin-top: 40px;
        min-height: 60px;
        line-height: 60px;
        /* background-image: url(../imgs/padraotitulo.png); */
    }

    #Titulo {
        padding: 17px 0;
        margin: 0 45px;
        text-shadow:
            0px 1px #000000,
            1px 0px #000000,
            0px -1px #000000,
            -1px 0px #000000,
            1px 1px #000000,
            1px -1px #000000,
            -1px -1px #000000,
            -1px 1px #000000,
            0px 2px #000000,
            2px 0px #000000,
            0px -2px #000000,
            -2px 0px #000000,
            2px 2px #000000,
            2px -2px #000000,
            -2px -2px #000000,
            -2px 2px #000000,
            0 3px #000000,
            0 4px #000000;
        color: #ffffff;
        font-size: 20pt;
    }

    #TituloSection2 {
        padding: 17px 0;
    }

    .CapaLivro {
        animation: MOVECapaLivro 0.8s cubic-bezier(0.4, 0.89, 0.89, 1) 1.9s 1 normal forwards;
        position: fixed;
        width: 175px;
        top: 150px;
        right: -250px;
        text-align: center;
    }

    @keyframes MOVECapaLivro {
        0% {
            right: -250px;
        }

        100% {
            right: 50px;
        }
    }

    .CapaLivroFootermobile {
        display: none;
    }


    #arctext path {
        fill: transparent;
    }

    #arctext text {
        fill: #3f2000;
        font-weight: 700;
        font-size: 18pt;
    }

    .btn-purple {
        background-color: #c89a2e;
        color: #f8d277;
        border: #b37d00 solid 5px;
    }

    .btn-warning {
        background-color: #ffb200;
        color: #3f2000;
        border: #ea8f00 solid 5px;
    }

    .btn-warning:hover {
        background-color: #ffb200;
        color: #3f2000;
        border: #ea8f00 solid 5px;
    }

    .text-warning {
        color: #352500 !important;
    }

    .bg-warning {
        background-color: #ffb200;
    }

    #corujaimg {
        width: 700px;
        margin-top: 150px;
        margin-bottom: 45px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* 
        z-index: 10; */
    }

    #corujaimg img {
        width: 500px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* 
        z-index: 10; */
    }

    /* #Downloads {bottom: 50px;

            position: absolute;
            width: 84%;
        } */

    #arctext {
        opacity: 0;
        animation: OPACITYDownload 1s ease-out 1.75s 1 normal forwards;
    }


    #corujaimg text {
        color: #3f2000;
        font-weight: bold;
        font-size: 18pt;
        opacity: 0;
        animation: OPACITYDownload 1s ease-out 1.75s 1 normal forwards;
    }


    .btn-download {
        width: unset;
        padding: 10px 20px;
        margin: 5px;
        border-radius: 27px;
    }

    .btn-warning.btn-download {
        opacity: 0;
        animation: OPACITYDownload 1s ease-out 2.5s 1 normal forwards;
    }

    .btn-purple.btn-download {
        opacity: 0;
        animation: OPACITYDownload 1s ease-out 3s 1 normal forwards;
    }

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

        100% {
            opacity: 1;
        }
    }



    .btn-download-alt {
        width: unset;
        padding: 10px 20px;
        margin: 5px;
        border-radius: 27px;
    }


    .premiotextodiv {
        width: 650px;
        margin: 0px auto 50px auto;
        border: 14px solid transparent;
        border-image: url(../imgs/paperborder1.png) 6% round;
    }

    .premiotextoinnerdiv {
        background-color: #ffffff;
        padding: 50px 40px;
    }

    .separador {
        width: 50px;
        height: 50px;
        background-image: url(../imgs/bolotalogo.png);
        margin: 60px auto 60px auto;
        background-blend-mode: multiply;
        background-color: #ffebc9;
        background-position: center center;
        background-size: cover;
        border-radius: 50%;
        border: #ffebc9 4px solid;
        /* 
        z-index: -1; */
    }

    .footer {
        width: 100%;
        background-color: #640680;
        text-align: justify;
        /* For Edge */
        text-align-last: center;
        z-index: 20;
        position: sticky;
    }

    .footer p {
        margin: 0;
        padding: 10px;
        color: white;
        font-size: 12px;
    }

    .footer a {
        color: white;
    }

    @media screen and (max-width: 1271px) {
        #corujaimg {
            margin-top: 50px;
            width: 460px;
        }

        #corujaimg img {
            width: 460px;
        }
    }

    @media screen and (max-width: 1257px) {
        .btn-download {
            margin: 3px 0;
            min-width: 650px;
        }
    }

    @media screen and (max-width: 1024px) {

        .home {
            margin-top: 70px;
        }

        .bodybgfixed,
        .bodybgabsolute {
            display: none;
        }

        .bodybgmobileabsolute {
            display: block;
        }

        .bodybgmobilefixed {
            display: block;
        }

        .separador {
            margin: 0px auto 60px auto;
        }

        /* section {
                height: 100%;
            } */

        .sidebar {
            height: 70px;
            width: 100%;
            text-align: center;
        }

        #Navbar {
            width: unset;
        }

        .logo {
            width: 60px;
            margin: 5px;
            border-radius: 50%;
        }

        #mainContent {
            margin-top: 70px;
        }

        #btn-login {
            position: absolute;
            right: 30px;
            top: 17px;
            margin: unset;
            width: unset;
            bottom: unset;
        }

        .container-fluid {

            width: 80%;
            margin-left: 10%;
        }

        #corujaimg img {
            width: 400px;
        }

        /*  #Downloads {
                bottom: 25px;
                position: unset;
                width: 77%;
            } */

        .btn-download {
            margin: 3px 0;
        }

        .premiotextodiv {
            min-width: -webkit-fill-available;
            width: unset;

        }
    }

    @media screen and (max-height: 800px) {
        #corujaimg {
            margin-top: 40px;
        }


    }

    @media screen and (max-height: 700px) {
        #corujaimg {
            margin-top: 40px;
        }
    }

    @media screen and (max-height: 800px) {

        .bodybgabsolute .bgSillhouetteMountains {
            height: 300px;
        }

        .bodybgabsolute .chao {
            height: 300px;
        }

        @keyframes MOVESillhouetteMountains {
            0% {
                height: 300px;
            }

            100% {
                height: 430px;
            }
        }
    }


    @media screen and (max-height: 594px) {
        .bodybg .chao {
            height: 220px;
        }
    }

    @media screen and (max-width: 849px) {
        .btn-download {
            min-width: -webkit-fill-available;
        }
    }

    @media screen and (max-width: 768px) {

        body {
            scroll-snap-type: none;
            scroll-snap-points-y: repeat(100vh);
            scroll-snap-type: y none;
        }

        /*  section {
                scroll-snap-align: none;
            } */

        #Titulo {
            font-size: 13pt;
            text-shadow: 1px 1px 1px #000000, 1px -1px 1px #000000, -1px -1px 1px #000000, -1px 1px 1px #000000;
        }

        .container-fluid {
            width: 98%;
            margin-left: 1%;
        }

        #corujaimg {
            margin-top: 20px;
            width: 370px;
        }

        #corujaimg img {
            width: 370px;
        }

        /* #Downloads {
                width: 91%;
            } */


        .CapaLivro {
            display: none;
        }


        .CapaLivroFootermobile {
            display: block;
        }

    }


    @media screen and (max-width: 425px) {


        #SubTitulo {
            font-size: 10.5pt;
        }

        #Titulo {
            font-size: 13pt;
        }

        .container-fluid {
            width: 98%;
            margin-left: 1%;
        }

        #corujaimg img {
            width: 300px;
        }

        #corujaimg {
            margin-top: 20px;
            width: 300px;
        }

        /* #Downloads {
                width: 91%;
            } */

        .CapaLivro {
            display: none;
        }

        .premiotextoinnerdiv {
            padding: 30px 10px;
        }
    }

    @media screen and (max-width: 360px) {


        #SubTitulo {
            margin-top: 10px;
            font-size: 9pt;
        }

        #Titulo {
            font-size: 13pt;
            padding: 17px 0;
            margin: 0 15px;
            text-shadow: 1px 1px 1px #000000, 1px -1px 1px #000000, -1px -1px 1px #000000, -1px 1px 1px #000000;
            color: #ffffff;
        }

        #TituloPadrao {
            margin-top: 0;
            min-height: 60px;
            line-height: 60px;
        }

        .container-fluid {
            width: 100%;
            margin-left: 0%;
        }

        #corujaimg img {
            width: 290px;
        }

        #corujaimg {
            margin-top: 20px;
            width: 290px;
        }

        /* #Downloads {
                width: 91%;
                bottom: 5px;
            } */

        #Downloads h4 {
            font-size: 13pt;
        }

        .btn-download-text {
            font-size: 13pt;
        }

        .CapaLivro {
            display: none;
        }


    }