.modal {
    width: 300px;
}

.modal-content {
    width: 300px;
}

.list-group-item:hover {
    background-color: rgb(59, 57, 57, 0.164) !important;
}

nav {
    top: 0;
    position: sticky;
    padding: 10px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    text-align: justify;
}

.list-group-item:hover {
    background-color: rgb(59, 57, 57, 0.164) !important;

}

a {
    text-decoration: none;
}

main {
    padding: 100px;
    margin-top: -3%;
}

h1 {
    text-align: center;
    color: white;
}

h2 {
    font-size: xx-large;
}

h3 {
    font-style: italic;
}

.margin {
    margin-bottom: 10%;
}

img {
    width: 300px;
}

.tigre {
    width: 200px;
}

.itosu {
    width: 200px;
}

figcaption {
    font-size: small;
    text-align: justify;
}

.curiosidade {
    background-color: aquamarine;
}