styles.css

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

.flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card{
    background-color: hsl(30, 38%, 92%);
    width: 1300px;
    height: 720px;
    margin-top: 70px;
    margin-bottom: 70px;
    margin-left: 168px;
    margin-right: 168px;
    box-shadow: 5px 5px 20px rgb(212, 212, 212);
}

.preview{
    background-color: hsl(0, 0%, 100%);
    border-radius: 9px;
    width: 545px;
    height: 408px;
    margin-top: 156px;
    margin-bottom: 156px;
    margin-left: 377.5px;
    margin-right: 377.5px;
    position: relative;
} 

.card-img{
    width: 272.5px; 
    height: 408px; 
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px; 
} 


.text{
    position: absolute;   
    right: 20px;
    bottom: 20px;
    width: 232.5px;
    height: 368px; 
} 

p.one{
    font-family: 'Fraunces', serif;
    font-weight: 700;
    font-size: 31px;
    color: hsl(212, 21%, 14%);
    margin: auto;
}

p.two{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; 
    font-size: 14px; 
    color: hsl(228, 12%, 48%);
} 

h6{
    letter-spacing: 4px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; 
    font-size: 10px;
    color: hsl(228, 12%, 48%); 
    margin-top: 15px;
    margin-bottom: 15px;
}

.price{ 
    font-family: 'Fraunces', serif;
    color: hsl(158, 36%, 37%);
    font-weight: 500;
    font-size: 30px;
} 

.original{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; 
    font-size: 12px; 
    color: hsl(228, 12%, 48%);
    padding-left: 10px; 
}  

.button{
    background-color: hsl(158, 36%, 37%);
    color: hsl(0, 0%, 100%);
    border: none;
    border-radius: 10px;
    padding:15px;
    min-height:30px; 
    min-width: 232.5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; 
    font-size: 15px; 
    text-align: center;
} 

.button:hover { 
    background-color: hsl(158, 36%, 19%);
    transition: 0.7s;
}