@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css');

/* navbar */

#navbar
{
    padding-top: 3%;
    background-color: #52c3c3;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#navbar h2
{
    font-family: 'Rubik Gemstones', cursive;
    font-size: 3rem;
}

#navbar li
{
    display: inline;
    font-size: 15px;
}
#navbar a
{
    text-decoration: none;
    color: rgb(0, 0, 0);
}
#navbar a:hover
{
    color: rgb(230, 107, 187);
}

/* random quote card */

#randomCard
{
    background-color: #52c3c3;
    padding: 7%;
    text-align: center;
}

#randomCard .card-header
{
    font-family: 'Patrick Hand', cursive;
    font-size: 1.3rem
}

/* side by side div */

#div
{
    background-color: #52c3c3;
    padding-bottom: 3%;
}

#imgNform
{
    text-align: center;
}
#imgNform img
{
    width: 100%;
}

/* form */

#imgNform #form
{
    text-align: center;
    background-color: #52c3c3;
    padding-bottom: 5%;
}

#imgNform #form label
{
    font-family: 'Patrick Hand', cursive;
    font-size: 1.3rem
}

/* features */

#features
{
    background-color: #52c3c3;
    text-align: center;
}
#features h3
{
    font-family: 'Rubik Gemstones', cursive;
    font-size: 2rem;
}
#features #list
{
    list-style-type: none;
    padding: 7%;
}

#features i
{
    padding-left: 10%;
}