*{
    scroll-behavior: smooth;
    margin: 0px;
    padding: 0px;
}
:root{
    --cor_1:#c1c2;
}
header{
    background-color:  #1a1b33;
    width: 100%;
}

body{
   
text-align: justify;
background: url(../img/testewall.jpeg);
background-attachment: fixed;/*deixa o fundo fixo*/
font-family: Arial, Helvetica, sans-serif;
background-size: 100% 100%;
background-repeat: initial;

}
div .video > iframe{
    border-radius: 10px; 
    width: 100%;
    max-width: 500px;
    margin: auto;
    display: flex;
   
}
div .video{
    background-color: #3a3276;
    margin:0 -10px;
    border-radius: 0px;
    padding: 20px;

}
main{
    background-color: #373166;
    padding: 10px;
    margin: auto;
    min-width:320px;
    max-width: 800px;
  
    border-radius:0px 0px 5px 5px;
}
.titles {
    color: whitesmoke;
    text-align: center;
    /* font-family:'Press Start 2P', cursive; */
}

/* config links modulos */
.box-toplink{
    display: flex; 
    flex-direction: row; 
    gap: 10px; 
    margin: 0 auto;
}
.links-top{
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-weight: bold;
    border-radius: 20px;
    background-color: #12003c;
    padding: 5px;
   
}

.links-top:hover{
    color: #2c073a;
    background-color: #3c0477;
    transition: 0.5s;
    padding: 5px;
    border-radius: 20px;
}

.links-top:active{
font-size: 15px;
}

.links-top:visited{
color: darkcyan;
}


/* fim config links modulos */
.menu-header{
    background-color:springgreen;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
   
    width: max-content;
    padding: 5px;
    margin: auto 0px;
    border-radius: 5px;
    justify-content: center;
    transition-duration: 1s;
}

.menu-header:hover{
    background-color:#039b4f;
color: #036836;

}

.botao-link{
    background-color:#732580;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;

    width: max-content;
    padding: 5px;
    margin: -30px auto auto auto;
    border-radius: 20px;
    /* font-family:'Press Start 2P', cursive; */
}

.botao-link:hover{
    background-color:#AD37BF;
color: #2E0F33;
transition-duration: 0.5s;
}

/* config menu */
nav{
    background: #1a1b33;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    padding: 10px;
    max-height: 20px;
}
#home{
    color:white; text-decoration:none;
}

#home:hover{
    color:rgb(163, 163, 163);
    transition:0.5s;
}
#menu{
    /* font-family:'Press Start 2P', cursive; */
    display: flex; 
    padding-left: 10px;

}
@media (max-width:492px) {
    #menu{
        flex-direction: column;
    }
    #menu>p{
        line-height: 28px;
    }
}
#menu>p{
    display: none;
    width: max-content;
}
#menu:hover{
    color: rgb(23, 84, 109);
    transition-duration: 1s;
}
#menu:hover > p{
   
    filter: drop-shadow(1px 1px 2px black);
    display:block;
}
/* fim config menu */
@font-face{
    /* tipos de format
    - opentype (otf)
    - truetype (ttf)
    - embedded-opentype
    -truetype-aat (apple advanced typography)
    - svg
    */
    font-family: 'dirty';
    src: url('../fonts/DIRTY DRAGS Free Trial.otf') format('opentype');
}

footer{
    background-color: black;
    color: #ffffff;
    padding: 5px;
   
}