* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

body {
    background-color: hsl(30, 38%, 92%);
    font-size: 14px;
    width: 100vw;
    height: 100vh;
}

/* CARD */
.card_container {
    width: 580px;
    margin: auto;
}

.product_image {
    width: 50%;
    height: 100%;
}

/* PRODUCT IMAGE */
.product_image > .desktop-image {
    border-radius: 10px 0px 0px 10px;
    width: 100%;
    height: 100%;
}

.product_image > .mobile-image {
    border: 1px solid red;
    border-radius: 10px 0px 0px 10px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/* PRODUCT INFORMATIONS */
.product_info {
    width: 50%;
    height: 100%;
    background-color: white;
    border-radius: 0px 10px 10px 0px;
}

.product_info > h6 {
    letter-spacing: 0.3rem;
    color: hsl(228, 12%, 48%);
    font-size: 0.8rem;
    font-weight: 500;
}

.product_info > h2 {
    font-family: 'Fraunces', serif;
    font-weight: 800;
}

.product_info > p {
    color: hsl(228, 12%, 48%);
    font-weight: 500;
    font-size: 0.9rem;
}

/* PRODUCT PRICE */
.price {
    font-family: 'Fraunces', serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: hsl(158, 36%, 37%);
}

.old_price {
    color: hsl(228, 12%, 48%);
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: line-through;
}

/* ADD TO CARD BUTTON */
button {
    background-color: hsl(158, 36%, 37%);
}

button:hover {
    background-color: hsl(158, 36%, 22%);
}

/* FOOTER */
.attribution { 
    font-size: 11px; text-align: center; 
}

.attribution a { 
    color: hsl(228, 45%, 44%); 
}