/* image styling */
img {
    width: 100%;
    height: auto;
    border-radius: 1rem;
}
@media (max-width: 375px) {
    .img__container img {
        border-radius: 0%;
        margin: -30px;
    }
    .img__container {
        margin: 0px -30px 0px -30px;
        display: flex;
        justify-content: center;
        margin-bottom: 50px;
    }
}

/* Header styling */
.heading__text h2 {
    font-family: "Young Serif", serif;
    font-weight: 400;
    font-style: normal;
    color: hsl(14, 45%, 36%);
}
.heading__text h1 {
    font-size: 35px;
    font-family: "Young Serif", serif;
    font-weight: 400;
    font-style: normal;
}

/* Text styling */
.generaltext__container {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: hsl(30, 10%, 34%);
}

/* Prep container styling */
.prep__container h3 {
    color: hsl(332, 51%, 32%);
}
.prep__container {
    background-color: hsl(330, 100%, 98%);
    border-radius: 1rem;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 30px;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.prep__container ul li {
    padding: 7px;
}

/* Line styles */
hr {
    opacity: 40%;
    width: 95%;
}

/* List styles */
.ol__container ol li {
    padding: 6px;
    padding-left: 15px;
}
.ol__container ol li::marker {
    color: hsl(14, 45%, 36%);
    font-weight: bold;
}
.ul__container ul li {
    padding: 6px;
    list-style-type: square;
    padding-left: 15px;
}
.ul__container ul li::marker {
    color: hsl(14, 45%, 36%);
}


/* Table styling */
#td__descrp {
    color: hsl(14, 45%, 36%);
    font-weight: bold;
}

.table__container {
    display: grid;
    grid-template-columns: repeat(2);
}
.table__container td {
    width: 50%;
    padding-left: 50px;
}
.generaltext__container {
    display: contents;
}

body {
    background-color: rgba(243,229,216,255);
    
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    flex-direction: column;
}

/* Card Container Styles */
.card-container {
    background-color: white;
    padding: 30px;
    border-radius: 1rem;
    max-width: 736px;
    margin: 5rem 0 5rem 0;
}
@media (max-width: 850px) {
    .card-container {
        margin: 0px;
    }
}

/* Attribution Style */
.attribution {
    margin-top: 30px;
}