@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html, body {
    background-color: #101010;
    color: #F6F6F6;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.edges{
    background-color: #020202;
}

header{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100vw;
    padding: 1% 0 1% 0;
}

nav{
    display: flex;
    width: 30%;
}

.links{
    width: 30%;
    padding-left: 15%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.links-icone{
    background-color: #5A5A5A;
    padding: 12px;
    border-radius: 24px;
}

.nav-list{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 60%;
}
.nav-list-jogosli{
    display: flex;
    align-items: center;
}

.links-button{
    background-color: #FCAF17;
    color: #020202;
    font-size: 20px;
    font-weight: 600;
    padding: 13px 16px;
    border-radius: 8px;
}

/*HERO*/
.hero-imagem{
    width: 100vw;
    height: 550px;
}

/*MAIN*/

.section-title{
    font-size: 48px;
}

.destaque{
    padding: 5% 5% 0 5%;
}
.destaque-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2% 0 2% 0;
}
.destaque-container-div{
    width: 40%;
}
.destaque-container-list{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.destaque-container-list-item{
    background-color: #606060;
    padding: 6px 24px 6px 24px;
    border-radius: 100px;
}
.destaque-imagens{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.destaque-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2%;
}
.noticias{
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content: center;
    padding: 2% 0 5% 9%;
}
.noticias-imagens{
    display: flex;
    justify-content: center;
    padding-top: 1%;
}
.noticias-imagens-col2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 3%;
}

.launcher{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5%;
}

/*FOOTER*/
#copyright{
    color: #B1B1B1;
    font-weight: 300;
}
.texto-links{
    color: #e7e3e3;
    font-weight: 500;
}

footer{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5% 0 5% 0;
}

.footer-ancora{
    display: flex;
    justify-content: space-between;
    width: 30%;
}
.footer-ancora-containerg{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 80%;
}
.footer-ancora-containerp-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-links{
    width: 20%;
}
.footer-links-list{
    display: flex;
    align-items: center;
    justify-content: space-around;
}