@font-face {
font-family: 'Pegypta';
src: url('fonts/Pegypta.ttf') format('ttf');
font-weight: normal; 
font-style: normal;
}

body {
background-color: #752030;
background-image: url('imgs/shrine/egito/paper500opa50.png');
background-repeat: repeat;
margin: 0;
}

p, h1, h2, h3, h4, h5 {
color: #ffdb49;
font-family: 'Flamenco', sans;
}

p {
font-size: 1.2em;
}

#link {
color: white;
text-decoration: none;
}

#link:hover {
text-decoration: overline underline;
}

#banner {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 200px;
width: 80%; 
display: block;
z-index: 20;
}


#banner2 {
font-family: 'Pegypta', serif;
font-size: 2.5em;
text-align: center;
}

.divisoria-banner {
text-align: center; 
margin-bottom: 15px; 
margin-top: -30px;
}

.divisoria-banner > img {
width: 150px;

}

/* MENU */

.menu {
position: fixed:
top: 0px;
background-color: #752030;
padding-left: 50px;
padding-right: 50px;
padding-top: 0;
padding-bottom: 0;
text-align: center;
margin: auto;
}

.container {
display: flex;
flex-wrap: wrap;  
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
padding-bottom: 0;
text-align: center;
margin: auto;
}

.item {
flex: 0 0 12px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 0;
padding-bottom: 0;
}

.item > a {
color: white;
text-decoration: none;
}

.item > a:hover {
color: white;
text-decoration: none;
text-decoration: overline underline;
}


a {
color: white;
text-decoration: none;
font-size: 0.9em;
font-family: 'Flamenco', sans;
}

a:hover {
text-decoration: overline underline;
}


.dropdown {
position: relative;
}

.dropbtn {
color: white;
background-color: #752030;
border: none;
cursor: pointer;
font-family: 'Flamenco', sans;
font-size: 0.9em;
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0;
}

.dropdown-content {
display: none;
position: absolute;
text-align: left;
min-width: 120px;
background-color: #752030;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
}

.dropdown-content a {
color: #white;
padding: 5px 5px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
background-color: #a94255;
color: #f7eab9;
}

.dropdown:hover .dropdown-content {
display: block;
z-index: 50; 
}

.dropdown:hover .dropbtn {
background-color: #752030;
color: #white;
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0;
}

.borda2 {
height: 14px;
background-image: url('imgs/shrine/egito/borda.png');
background-repeat: repeat-x;
background-size: contain;
background-position: top left;
}

/* BOLINHAS */

#bolinhas {
color: #ffdb49;
font-size: 1em;
}

/* DIVISÓRIA */

.divisoria {
text-align: center; 
margin-bottom: 15px; 
margin-top: 15px;
}

.divisoria > img {
width: 150px;
}

/* FUNDO */

.fundo {
margin-left: auto;
margin-right: auto;
margin-bottom: 7em;
padding: 5px;
max-width: 600px;
background-color: #5c1b28;
border: 66px solid transparent;
border-image: url('imgs/shrine/egito/border3.png') 66 round;
}

.fundo2 {
margin: auto;
padding: 20px;
}


.conteudo {
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: auto;
}

.conteudo #float {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.conteudo p {
text-align: justify;
text-justify: inter-word;
}

.clear {
clear: both;
margin-top: 20px;
}

.catalogo {
display: flex;
gap: 10px;
margin-left: auto;
margin-right: auto;
}

.filmes {

}

.filmes img {
width: 150px;
}

.filmes p {
flex-grow: 1;
text-align: center;
width: 150px;
}

.conteudo .catalogo {
justify-content: center;
}


/* FOOTER */

footer {
padding-top: 8px;
padding-bottom: 5px;
font-family: 'Amaranth', sans;
font-size: 0.7em;
text-align: center;
color: #ffdb49;
width: 100%;
margin-left: auto;
}

.container2 {
display: flex;
flex-wrap: wrap;  
padding-left: 15px;
padding-right: 15px;
gap: 10px;
}

.item2 {
flex: 1 1 50px;
margin: auto;
text-align: center;
font-family: 'Amaranth', sans;
font-size: 1em;
}