@import url(style-global.css);

header {
    height: 100vh;
}

header .container {
    background: linear-gradient(to top, var(--cor-verde), #9eb896, #b0c8aa, #c4d8be, #d7e9d2, #dbf1e1, #e3f8ef, #edfffb, #f1ffff, #f7feff, #fcfeff, var(--cor-branca));
    width: 100%;
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
}

header .container .header-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    width: 95%;
    height: 95vh;
}

header .container .header-container .logo-info {
    width: 100%;
    
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

header .container .header-container .logo-info img {
    width: 190px;
}

header .container .header-container .logo-info h1 {
    font-size: 36px;
    font-weight: 100;
    text-align: center;
}


/* border: 0.1px solid black; */

/* Responsividade */
@media screen and (max-device-width: 768px) {
    header .container {
        width: 100vw;
    }

    header .container .header-container .logo-info img {
        width: 150px;
    }

    header .container .header-container .logo-info h1 {
        font-size: 30px;
    }
}

@media screen and (max-device-width: 425px) { /* Mobile */
    header .container .header-container .logo-info h1 {
        font-size: 25px;
    }
}