@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');

body{
    background-color: #7C038C;
}
h2{
    color: white;
    text-shadow: 5px 5px 15px white;
    font-family: "Alumni Sans Pinstripe", serif;
    text-align: center;

}
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;

}
.novels{
    width: 75%;
    height: 500px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    box-shadow: 5px 5px 15px  #4d0257 ;
    background-color: #1E0126;
    
}
.livro:hover{

    background-color: #3b024b;

}
.livro{
    margin: 10px;
    width: 100px;
    height: 200px;
}

.quadrinhos{
    width: 75%;
    height: 500px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    background-color: #1E0126;
    box-shadow: 5px 5px 15px  #4d0257 ;
}

h1{
    margin: 5px;
    font-family: "Alumni Sans Pinstripe", serif; ;
    color: white;
    text-shadow: 1px 1px 15px white;
    text-align:left;
}

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;
}

a{
    text-decoration: none;
}