body {
    background: #fafafa;
    color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444444;
}

.recipe-item {
    padding: 0%;
}

html,
body {
    overflow-x: hidden;
}

.mealplan-container {
    font-size: 120%;
}

.dessert_text {
    display: block
}

.main-photo {
    width: 10%
}

.generate {
    width: fit-content;
}

.dayplan .card .card-body {
    padding-bottom: 1%;
}

.btn-social,
.btn-social:visited,
.btn-social:focus,
.btn-social:hover,
.btn-social:active {
    color: #ffffff;
    text-decoration: none;
    transition: opacity .15s ease-in-out;
}

.btn-social:hover,
.btn-social:active {
    opacity: .75;
}

.btn-fb {
    background-color: #3b5998;
}

.btn-tw {
    background-color: #1da1f2;
}

.btn-in {
    background-color: #0077b5;
}

.btn-gp {
    background-color: #db4437;
}

.btn-rd {
    background-color: #ff4500;
}

.btn-hn {
    background-color: #ff4000;
}