section#head{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}
div.menu{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee;
    box-shadow: 2px 5px #eeeeee3f;
    backdrop-filter: blur(10px);
}
a.nav-button{
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    padding: 16px 0px;
    color: #001100;
    text-align: center;
    text-decoration: none;
    transition: 300ms;
    size: auto;
    width: 101px;
    font-weight: 1000;
    font-size: auto;
    margin: 10px;
}
a.nav-button:hover{
    color: #ff0044;
}
h1.logo{
    color: red;
    vertical-align: middle;
    text-align: center;
    font-weight: 1000;
}
body{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background: linear-gradient(110deg, #ffcccc 50%, #ffcccc88 50%);
}

h4.hey{
    text-align: center;
}

#wordcloud div#content{
    width: 100%;
    text-align: center;
    justify-content: center;
}
#Caracther-Map div.content{
    width: 100%;
    margin-top: 5em;
    text-align: center;
    justify-content: center;
}

h2.word{
    margin-top: 50px;
    color: #ff0044;
    text-align: center;

}
img.normal{
    border: 2px solid red;
}

h3.answer{
    text-align: center;
    color: #009900;
}
h4.answer{
    text-align: center;
}
#What-if{
    text-align: center;
}
img.cover{
    max-width: 200px;
    max-height: 600px;
    
}
h6.credits{
    text-align: center;
}