body {
    background-color: aliceblue;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #1c2e27;
    margin: 10px;
}
h1, h2, h3 {
    text-align: center;
    
}

nav {
    text-align: center;
    border: 2px, solid, black;
    background-color: #ccf8fc;
    padding: 3px;
    letter-spacing: 1px;
}

.body {
    text-align: center;
    display: flex;
    gap: 50px;
    margin: 0 auto;
    width: 75%;
    
}

.paragraph {
    letter-spacing: 1px;
    border: 1px, solid, black;
    border-radius: 10px;
    padding: 5px;
    background-color: #c9ffe9;
}

.image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20%;
    width: 20%;
}

.page1img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.yt {
    display: block;
    margin-left: auto;
    margin-right: auto;

}

button {
    background-color: grey;
    border: 1px, solid, black;
    border-radius: 5px;
    padding: 10px;
}

.quiz {
        display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20%;
}

.bolt, .boom, .oger, .urshifu, .flutter, .incin {
    text-align: center;
    border: 1px, dashed, darkblue;
}

.bolt {
    color: rgb(179, 179, 71);
}

.boom {
    color: green;
}

.oger {
    color: rgb(199, 2, 2);
}

.urshifu {
    color: blue;
}

.flutter {
    color: rgb(207, 140, 151);
}

.incin {
    color: darkred;

}

footer {
    text-align: center;
    border: 2px, solid, black;
    background-color: #ccf8fc;
    padding: 10px;
}