html{
    scroll-behavior: smooth;
}

body{
    background-color: black;
}

.menu{
    background-color: rgb(119, 119, 119);
    position: fixed;
    width: 100%;
    z-index: 1;
}

.hp{
    width: 100%;
}

li:hover {
    color: #e2a600;
    }

.filmes {
    background-color:  rgb(119, 119, 119);
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2%;
    padding-bottom: 2%;

    border-style: solid;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 12px;
    padding: 5px;

}

.tipos{
    background-color:  rgb(0, 0, 0);
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2%;
    padding-bottom: 2%;

    border-style: solid;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 12px;
    padding: 5px;

}

h4 {
    color: aliceblue;
    text-align: center;
}

h3{
    color: aliceblue;
    text-align: center;
}

p {
    color: aliceblue;
    text-align: center;
    width: auto;
    padding-left: 5%;
    padding-right: 5%;
}

h1 {
    color: rgb(255, 255, 255);
    text-align: center;
}

.banner {
    width: 100%;
    height: 100%;
    background-color: #ffffff;

}


footer{
    text-align: center;

}

h5{
    color: white;
    text-shadow: purple;
    text-align: center;
}

h6{
    color: white;
    text-align: center;
    font-size: 1.2em;
}

.github{
    width: 2%;
}

.refgit{
    font-size: 1.2em;
    text-decoration: none;
    text-align: center;
    color: white;
}



@media (max-width: 800px) {
    .header {
        flex-direction: column;
    }

    .col-12 {
        width: auto;
    }

    .col-6 {
        width: 100%;
    }

    .Men{

        display: flex;
        flex-direction: column;

    }

    .amem{
        width: auto;
        
    }
}

@media screen and (min-width:601px) {

    header{
      flex-direction: row;
    }
  

}


.dropdown-menu{
    background-color:rgb(119, 119, 119);
}

a:hover {
    text-decoration: none;
    font-size: 1.4em; 
    color: #ffffff;
}

li:hover {
    text-decoration: none;
    font-size: 1.0em; 
    color: #000000;
}

.ascasas{
    text-align: center;
    align-items: center;
}

img{
    text-align: center;
}

.col-3{
    color: white;
    text-align: center;

}

.link{
    font-size: 1.2em;
    text-decoration: none;
    text-align: center;
    color: white;
}

h2{
    text-align: center;
    color: white;
    text-shadow: 0 0 3px #9f9f9f, 0 0 5px #ffffff;
}

.corvinal{
    border-style: solid;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 12px;
    padding: 5px;

    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2%;
    padding-bottom: 2%;
}

.grifinoria{
    border-style: solid;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 12px;
    padding: 5px;

    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2%;
    padding-bottom: 2%;

}

.lufalufa{
    border-style: solid;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 12px;
    padding: 5px;

    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2%;
    padding-bottom: 2%;
}

.sonserina{
    border-style: solid;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 12px;
    padding: 5px;

    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2%;
    padding-bottom: 2%;
}

.video{
    align-items: center;
    width: 100%;
}

.col-12{
    align-items: center;
    text-align: center;
}

.funds{
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    align-items: center;
    width: 100%;   
}

.fundadores{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2%;
    padding-bottom: 2%;

    border-style: solid;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 12px;
    padding: 5px;

}

.col-6{

    align-items: center;
    text-align: center;
}

.fund{
    font-size: 1.2em;
}

/* .carrossel{
    width: 80%;
    align-items: center;
    text-align: center;
} */


.textocasas{
    font-size: 1.1em;
}

p{
    font-size: 1.1em;
}

.carousel-item{
    align-items: center;
    text-align: center; 
}

.hp{
    align-items: center;
    text-align: center;

}