body {
    display: flex;
    justify-content: center; /* to center horizontally */
    align-items: center; /* to center vertically */
    height: 100vh; 
    margin: 0; 
    background-color: grey;
  }



/* Styles for the present container */
.present {
    position: relative; /* to position the child elements relative to this container */
    width: 100px; 
    height: 100px; 
    background-color: #c33; 
  }
  
  /* Styles for the lid of the present */
  .lid {
    position: absolute; /* to position the lid absolutely within the present container */
    top: -10px; /* Offset the lid 10px above the top of the present */
    width: 100px; 
    height: 20px; 
    background-color: #fff; 
  }
  
  /* Styles for the ribbon on the present */
  .ribbon {
    position: absolute; /* to position the ribbon absolutely within the present container */
    top: 5px; 
    left: 40px; 
    width: 20px; 
    height: 40px; 
    border: 2px solid #f90; 
    border-radius: 50% 50% 0 0; /* Round the top corners of the ribbon */
    background-color: #ff0; 
  }