/* common css are in root.css file*/



/* page specific CSS only*/

.header { grid-area: header; }
.content { grid-area: content; }
.footer { grid-area: footer; }


.grid-container {
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
      'header'
      'content'
      'footer';
    gap: 0px;
    background-color: #eaeef2;
    padding: 1px;
  }

  .text-full {
    width: 60%;             /* Make the textarea responsive and take the full width of its container */
    max-width: 60%;         /* Ensure it doesn't exceed the container's width */    
    resize: vertical;        /* Allow resizing only vertically */
  }
  
.grid-container > div {  
  text-align: center;
  padding: 10px;
  font-size: 16px;
}

.content {
  display: grid;
  gap: 10px;
  justify-items: center; /* Center the items horizontally */
}

@media (max-width: 768px) {
  .grid-container {
      grid-template-columns: 100%; /* Stack columns vertically on small screens */
      grid-template-areas:
        'header'
        'moksho'
        'content'
        'footer';
  }
}