:root{
--Green-500: hsl(158, 36%, 37%);
--Green-700: hsl(158, 42%, 18%);
--Black: hsl(212, 21%, 14%);
--Grey: hsl(228, 12%, 48%);
--Cream: hsl(30, 38%, 92%);
--White: hsl(0, 0%, 100%);
}

*{
    margin : 0;
    padding : 0;
    box-sizing: border-box;
}

body{
    font-family: 'Montserrat', sans-serif;
    background-color: var(--Cream);
    height:100vh;
    display:flex;
    justify-content: center;
    align-items:center;
}
body p{
    font-size:14px;
    color:var(--Grey);
}
h1{
    font-family: 'Fraunces', sans-serif;
}
.perfume-text{
    color: var(--Grey);
    font-weight:500;
}
.container{
    background-color: var(--White);
    border-radius:5%;
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
    display:flex;
    height:450px;
    width:600px;
}
.first-half{
    width:50%;
}
.first-half img{
    height:100%;
    width:100%;
    border-radius: 5% 0 0 5%;
    object-fit:fill;
}
.second-half{
    width:50%;
    display:flex;
    flex-direction: column;
    justify-content:space-between;
    padding:30px;
}

.prices-container{
    display:flex;
    justify-content:space-evenly;
    align-items:center;
}

.discount-price{
    color:var(--Green-500);
    font-size:20px;
}
.price{
    text-decoration:line-through;
    color:var(--Grey);
}
button{
    background-color: var(--Green-500);
    color:white;
    border:none;
    border-radius:5%;
    display:flex;
    justify-content: center;
    align-items: center;
    height:40px;
    font-weight:700;    
}

.cart-icon{
    width:20px;
    height:20px;
    margin-right:10px;
}
    button:hover{
    background-color: var(--Green-700);
    cursor:pointer;
}

@media (max-width:500px){
    .container{
        flex-direction: column;
        height:80vh;
        margin: 0 15px 0 15px;
    }
    .first-half{
        height:40%;
        width:100%;
    }

    .first-half img{
        border-radius: 5% 5% 0 0;
    }
    .second-half{
        width: 100%;
        height: 60%;
    }
    .prices-container{
        justify-content: start;
    }
    .price{
        margin-left:20px;
    }
}