*{padding: 0%;
margin: 0%;
box-sizing: border-box;}
body{
   margin:30px  20px 30px 20px;
}
html{
font-family: "Montserrat", sans-serif;
height: 100%;
}
main{ padding: 30px;}
#per{
    width: 100%;
    border-radius: 8px;
    
}
h1{margin-top:15px ;
margin-bottom:20px ;
font-family: "Fraunces", serif;
font-weight: 700;}
.price{display: flex;
align-items: center;
gap: 15px;

    }
  .perfume-image{display:none;}
button{width: 100%;
    font-size: 16px;
    font-weight:700 ;
    color: white;
border: none;
background-color:hsl(158, 36%, 37%) ;
border-radius: 7px;
padding: 15px;}
button:hover{cursor: pointer;
background-color: hsl(158, 42%, 18%);}
p{ line-height:1.5 ;
color: hsl(228, 12%, 48%); }
button img{margin-right: 7px;}
.price p{text-decoration-line: line-through;}
@media(min-width:576px)
{
    body{max-width: 700px;
    background-color: white;
justify-self: center;
padding: 0%;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;}
    html{background-color: hsl(30, 38%, 92%);}
    #per{display: none;}
.page-content{display: flex;

}
.perfume-image{display:block;
    display: flex;
       flex-basis: 50%;
     justify-content: flex-end;
    }
    #greg{width: 100%;
        height: 100%;
        
        max-width:450px ;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
        
        
    }

.main-flex{flex-basis: 50%;
max-width: 450px;
}

}