/*
font-family: 'Comfortaa', cursive;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/
html, body {
    margin: 0;
    height: 100%;
    font-family: 'Roboto', sans-serif;

}

.aside {
    background-color: #BDBDBD;
    grid-area: aside;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    height: 100vh;
    width: 80px;
    vertical-align: top;
}
.aside a.menu{
    text-align: center;
    display: block;
    text-decoration: none;
    color: #322c3a;
    font-size: 12px;
    margin-bottom: 15px;
}
.aside a.menu .material-icons{
    background-color: #BDBDBD;
    display: block;
    color: #322c3a;
    border-radius: 50px;
    font-size: xx-large;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 62px;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.aside a.menu:hover .material-icons{
    background-color: #E0E0E0;
}
.aside a.menu.ativo .material-icons{
    background-color: #d2e28b;
}
.header {
    grid-area: header;
    font-family: 'Comfortaa', cursive;
    padding-left: 20px;
    font-size: xxx-large;
    line-height: 100px;
    color: #322c3a;
    vertical-align: top;
    height: 100px;
}
.main {
    background-color: #eeeeee;
    grid-area: main;
    padding: 20px;
}

.botao{
    background-color: #eeeeee;
    border: 3px solid #322c3a;
    border-radius: 10px;
    text-decoration: none;
    color: black;
    padding: 10px;
    font-size: 16px;
}
.cada-manga{
    width: 100%;
    background-color: white;
    border: 3px solid #322c3a;
    border-radius: 10px;
    margin-bottom: 10px;
}
footer {
    grid-area: footer;
}
#formulario{
    border: 3px solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 10px;
    width: fit-content;
    margin-left: auto;
}
input[type="text"] {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-radius: 10px;
    height: 40px;
    margin-right: 10px;
    font-size: 16px;
    width: 100px;
}