@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&display=swap');

h1{
    margin: 5px;
    font-family: "Alumni Sans Pinstripe", serif; ;
    color: white;
    text-shadow: 1px 1px 15px white;
    text-align:left;
}
a{
    text-decoration: none;
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px 5px  black;
}
li{
    margin-top: 5px;
}
li:hover{
    font-size: 110%;
}

body{
    background-color: #7C038C;
}
header{
    background-color:#4F0259;
    width: 100%;
    height: 100px;
    border-radius: 5%;
    box-shadow: 5px 5px 15px #4d0257;
    margin-bottom: 1px;
}
.Onvel{
    font-family: "Lobster", serif;
    color: white;
    text-shadow: 1px 1px 15px white;
    text-align: center;
    margin-bottom: 0px;
}
.sub{
    font-family: "Alumni Sans Pinstripe", serif;
    color: white;
    text-shadow: 1px 1px 15px white;
    text-align: center;
    margin-top: 0px;

}

.indice{
    width: 75%;
    height: auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    box-shadow: 5px 5px 15px  #4d0257 ;
    background-color: #1E0126;
    
}
.capa{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 400px;
    height: 100%;
}
.capitulos{
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.titulo{
    margin: 5px;
    font-family: "Alumni Sans Pinstripe", serif; ;
    color: white;
    text-shadow: 1px 1px 15px white;
    text-align:left;
    font-size: 28px;
}
.sinopse{
    color: white;
    text-align: justify;
    font-size: 14px;
    margin: 10px;
}
.creditos{
    color: white;
    text-align: justify;
    font-size: 14px;
    margin: 10px;
}
.capitulos{
    color: white;
    font-size: 18px;
}



footer{
    background-color:#4F0259;
    width: 100%;
    height: 100px;
    border-radius: 5%;
    box-shadow: 5px 5px 15px #4d0257;
    margin-bottom: 1px;
    text-align: center;
}
.h1footer{
    text-align: center;
    font-size: 24px;
}
.descricao{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}