/*!
 * BASE & LAYOUT STYLES
 * Styles for base HTML elements and overall layout.
 */

 @import url('./variables.css'); /* Import variables */

 html, body {
   height: 100%;
   margin: 0;
   padding: 0;
   font-family: var(--font-family);
   font-size: var(--font-size-base);
   background: var(--color-background);
   color: var(--color-text-primary);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-size-adjust: 100%;
   touch-action: pan-x pan-y;
   height: 100%;
   width: 100%;
   overflow: hidden;
   position: fixed;
 }
 
 header#mainHeader {
   text-align: center;
 }
 
 textarea {
   padding: var(--space-md) var(--space-lg);
   line-height: normal;
   font-size: var(--font-size-base);
   min-height: var(--button-size-lg);
   box-sizing: border-box;
 }
 
 p {
   margin: var(--space-xs) 0;
 }