#uno{
    width: 100%;
    height: 100dvh;

    padding-top: auto 0;

    .container{

        height: 100%;

        display: flex;
        justify-content: center;
        align-items: center;
    }
    .uno_container_a{

        display:flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;

        img.home__logo{
            height: 50vh;
            width: 100%;

        }
        img.home__banner{
            height: 15vh;
            width: 75%;
        }

        #titles {

            padding-bottom: 5px;
            overflow: hidden;
        }
    }

    .uno_container_b{

        display:flex;
        flex-direction: column;

        justify-content: space-evenly;
        align-items: flex-start;

        h1.pre-title{

            line-height: 1;

        }
        h1 span.sub-title{

            line-height: 0;
        }

    }
}

@property --rotate {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
.button_fancy{

    --radius: 100%;
    --rotate: 0deg;
    border-radius: var(--radius);
    background:var(--bg-color);
    color:var(--text-color);

    padding: 0.1px;
    display: inline-block;

    position : relative;
    overflow: hidden;
    cursor: none;
}
.fancy{
    position: absolute;
    inset: 0;
    &:before{
        content: "";
        background: conic-gradient(from var(--rotate),
        transparent 0%, var(--text-color) 5%, transparent 10%);
        position: absolute;
        inset: 0;
        animation: rotate 8s linear infinite;
    }
    &:after{
        content: "";
        background: var(--bg-color);
        position: absolute;
        inset: 6px;
        border-radius: calc(var(--radius) - 2px);
    }
}
.text{
    position: relative;
}

@keyframes rotate {
    to {
        --rotate: 360deg;
    }
}

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

    #uno{
        .container{
            height: 100%
        }
        .uno_container_a{

            img.home__logo{
                height: 30vh;
                width: 100%;
            }
            img.home__banner{
                height: 10vh;
            }

        }
        .uno_container_b{

            height:45vh;
            align-items: center;

            h1{

                text-align: center;
            }
            p{
                text-align: center;

            }

        }
    }

}