html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}


.body { 
  padding: 0; 
  margin: 0; 
} 

.main-wrapper {

  display: flex;
  flex-direction: column;
  height: 100%;

    max-width: 100%;
    /* overflow-x: hidden; */
   /* padding: 0 1rem;  Optional: adds horizontal breathing room */
    box-sizing: border-box;



}



.PCol { 
  display: flex; 
  flex-direction: row; 
} 

.PRow { 
  display: flex; 
  flex-direction: column; 
} 


.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}


.flex {
  display: flex;
}

.relative {
  position: relative;
}



.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}


.flex-col {
  flex-direction: column;
}

.flex-colnw {

  flex-flow: column nowrap;
}

.grow {
  flex-grow: 1;
}

.w-full {
  width: 100%;
}


.rounded-md {
  border-radius: .375rem
}

.bg-\[\#3C46FF\] {
    --tw-bg-opacity: 1;
    background-color: rgba(60,70,255,var(--tw-bg-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(142,142,160,var(--tw-text-opacity))
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
  text-align: center;
}