@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&display=swap');



* {
    box-sizing: border-box;
}

body {
    background-color: hsl(30, 38%, 92%);
     /* Center vertically */
    height: 100vh; /* Ensure the body covers the full viewport height */
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0 auto;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
}

.product-pic {
    display: flex;
    align-items: center;
}

#perf {
    width: 340px;
    
    border-radius: 10px 0 0 10px;
}



.description {
    width: 340px;
    background-color: white;
    justify-content: center;
    height: 509px;
    padding: 30px;
    border-radius: 0 10px 10px 0;
}


#title, #price {
    font-family: 'Fraunces', serif;
    font-size: 38px;
    font-weight: 700;

}

#item {
    color: grey;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 14px;

    
}

p {
    color: grey;
}

#price {
    color: hsl(158, 36%, 37%);
    text-align: center;
    justify-content: center;
}

#original-price {
    text-decoration: line-through;
    color: grey;
    text-align: center;
    justify-content: center;
    margin-left: 10px;
    
}

button {
    font-family: 'Montserrat', sans-serif;
    color: white;
    background-color: hsl(158, 36%, 37%);
    border: none;
    border-radius: 8px;
    padding: 10px;
    width: 270px;
    margin-top: 25px;
    height: 50px;
    font-weight: 700;
    font-size: 18px;

}   

#cart {
    margin-right: 10px;
}

button:hover {
    cursor: pointer;
    background-color: hsl(157, 33%, 22%);
}