html{
    font-family: "Inclusive Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    scroll-behavior: smooth;
}


body{
    background-color: black;
    /* background-image: url("../img/An-image-of-couch-in-front-of-the-fountain-with-the-Friends-logo.jpg") ; */
    background-size: cover;
    color: white;
    max-width: 900px;
    margin: auto;
    padding: 0 2em 6em 2em;
}

div{
    border-top: solid 4px white;
    padding-bottom: 2em;
}

h1 {
    text-align: center;
    font-family: "Gloria Hallelujah", cursive;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 0;
    
}

h2{
    background-color: #ff4842;
    width: fit-content;
    padding: 2px 4px;
    color: black;
}

.blue{
    background-color: #2cd0ff;
}

.yellow{
    background-color: #fdc829;
}

.small{
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 1em;

}