:root {
    --Dark-cyan: hsl(158, 36%, 37%);
    --Cream: hsl(30, 38%, 92%);
    --Very-dark-blue: hsl(212, 21%, 14%);
    --Dark-grayish-blue: hsl(228, 12%, 48%);
    --White: hsl(0, 0%, 100%);
   --Font-size: 14px;
   --font: 'Outfit', sans-serif ;

}
* {
  margin: 0;
  padding: 0;
  
}
.wrap {
  height: 100vh;
  width: 100%;
  align-items: center;
  display: flex;
}
.main {
  background-color: var(--White);
  font-family: var(--font);
  color: var(--Dark-grayish-blue);
  float: left;
  margin-left: 65vh;

  
}
.main h1 {
    color: var(--Very-dark-blue);
}
.main .image-desktop {
    
    float: left;
    width: 239px;
    height: 360px;
    border: 2px solid white;
    border-radius: 15px 0px 0px 15px;
}
.price1{
    color: var(--Dark-cyan);
    padding-top: 2px;
}
.price2 {
    color: var(--Dark-grayish-blue);
    float: right;
    text-decoration: line-through;
    font-size: 13px;
}
.cart {
  background-color: var(--Dark-cyan);
    width: 250px;
    color: white;
    text-align: center;
    font-size: var(--font);
    height: 48px;
    border: 2px solid var(--Dark-cyan) ;
    border-radius: 42px;
    display: flex;
    padding-left: 64px;
    gap: 13px;
    padding-top: 9px;
}
.cart img {
  width: 23px;
    height: 23px;
}
.attribution {
  font-size: 11px;
  text-align: center;
}
.attribution a {
  color: hsl(228, 45%, 44%);
}
.content {
  text-align: justify;
    padding-left: 264px;
    padding-top: 19px;
    width: 251px;;
}