body {
    place-items: center;
    background-image: url(https://file.garden/aejvi8l_-hvXF54r/Graphics%20for%20the%20website/Backgrounds/vintagefabric.jpeg); 
    background-repeat: repeat;
    background-attachment: fixed;

    
     .top-border {
       display: flex;     
       justify-content: center;   
       margin-top: -14px;
       height: 100px;
       width: 730px;
 
      }  
}

 back{
  position: fixed;
  top: 0;
  left: 10px;
  z-index: 9999;

   button {
         background: transparent;
         border: none;
         padding: 0;
         font-family: "Comic Sans MS", cursive, sans-serif;
         color: blue;
         text-decoration: underline;
         cursor: pointer;
      }

      about::-webkit-scrollbar {
      width: 0;
      background: transparent;  
    }

}


.container {
  width: fit-content;
  height: fit-content;
  display: grid;
  grid-gap: 25px;
  margin-top: 40px;
  padding: 20px;
}

about {
   grid-column: 1/2;
   grid-row: 1/2;
   height: 450px;
   width: 225px;
   display: flex;
   flex-direction: column;
   align-items: center;
 
   h2 {
      font-family: "Comic Sans MS", cursive, sans-serif;
      color: gray; 

   }

    h5 {
      font-family: "Comic Sans MS", cursive, sans-serif;
      color: gray; 
      padding: 0px 20px;
      text-align: left;

   }

     p {
      font-family: "Comic Sans MS", cursive, sans-serif;
      font-size: small;
      text-align: justify;
      color: gray; 
      padding: 0px 15px 0px 15px;
}

}

status {
  grid-column: 2/2;
  grid-row: 1/2;
  height: 580px;
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  overflow-y: scroll;
  overflow-x: hidden;

   .status-top-tittle {
    height: 50px;
    width: 80px;
    margin-bottom: 20px;
    font-family: "Comic Sans MS", cursive, sans-serif;
    color: gray; 
   }


   .status-text {
    width: 450px;
    height: min-content;
    .status-title {
      font-family: "Comic Sans MS", cursive, sans-serif;
      color: gray; 
      display: flex;
      align-items: center; 
      gap: 5px;
      padding: 0px 20px;
      margin-bottom: -25px;

    }

    .status-title::after{
         content: "";
         display: inline-block; 
         width: 16px;
         height: 16px;
         background-image: url('https://file.garden/aejvi8l_-hvXF54r/Graphics%20for%20the%20website/Mini%20pixels/pencil.png');
         background-size: contain; 
         background-repeat: no-repeat;
         background-position: center;

    }
     .status-title::before{
         content: "";
         display: inline-block; 
         width: 25px;
         height: 25px;
         background-image: url('https://file.garden/aejvi8l_-hvXF54r/Graphics%20for%20the%20website/Mini%20pixels/tinnyapple.gif');
         background-size: contain; 
         background-repeat: no-repeat;
         background-position: center;

    }

     .new-status-title {
      font-family: "Comic Sans MS", cursive, sans-serif;
      color: gray; 
      display: flex;
      align-items: center; 
      gap: 5px;
      padding: 0px 20px;
      margin-bottom: -25px;

    }

    .new-status-title::after{
        content: "";
        display: inline-block; 
        vertical-align: middle; 
        margin-left: 8px;  
        width: 50px;            
        height: 16px;      
        background-image: url('https://file.garden/aejvi8l_-hvXF54r/Graphics%20for%20the%20website/Mini%20pixels/pencil.png'),
        url('https://file.garden/aejvi8l_-hvXF54r/Graphics%20for%20the%20website/Mini%20pixels/new.gif');
        background-position: 0px center, 20px center;
        background-repeat: no-repeat, no-repeat;
        background-size: contain; 
        background-size: 16px 16px, 30px 10px; 

    }
     .new-status-title::before{
         content: "";
         display: inline-block; 
         width: 25px;
         height: 25px;
         background-image: url('https://file.garden/aejvi8l_-hvXF54r/Graphics%20for%20the%20website/Mini%20pixels/tinnyapple.gif');
         background-size: contain; 
         background-repeat: no-repeat;
         background-position: center;

    }


    p {
      font-family: "Comic Sans MS", cursive, sans-serif;
      font-size: small;
      text-align: justify;
      color: gray; 
      padding: 0px 15px 0px 15px;
   }

   }
}

 status::-webkit-scrollbar {
      width: 0px;
      background: transparent;
    }