.warning{
  background-color: var(--warning-background);
  padding: calc(6rem / 16);
  color: var(--warning-text);
  font-size: calc(16rem / 16);
  text-align: center;
  opacity: 1;
  
  /* The following are for a smooth fade in if there ever is a loading required for the warning, is not needed currently */
  /* max-height: 500px;
  /* transition: max-height 1000ms ease-in, padding 100ms ease-in; */ 
}