@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

*
{
    box-sizing: border-box;
}

body
{
    background: linear-gradient(to right, #ece9e6, #ffffff);

    margin: 0;
}

.container
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
h1,.lead { text-align: center; }
h1 { margin-top: 150px; }
h2{text-align:center;}
.panel
{
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 85vh;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    flex: .5;
    margin: 10px;
    transition: all 700ms ease-in;
}

.panel h3
{
    font-size: 24px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0;
    opacity: 0;
    
}

.panel.active
{
    flex: 5;
}

.panel.active h3
{
    opacity: 1;
    transition: opacity .3s ease-in .4s;
}
.css-script-center{
    background-image: url('images/Sigla.jpeg');
}
#css-script-menu{
    border-top: none !important;
}
@media(max-width:480px)
{
    .container
    {
        width: 100vw;
        display:block;
    }

    .panel:nth-last-of-type(6),
    .panel:nth-last-of-type(7)
    {
        display: none;
    }
}