#space {
  height:150px;
}

#text_container {
  display: flex;
  
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;

}
#text {
  
  cursor: text;
  width: 90%;
  
  
  text-align: center;
  padding: 20px;
  
  font-family: monospace;
}

#text p {
  line-height: 2;
  color: black;
  font-size: 15px;
  text-align: left;
}
#text span {
  font-weight: bold;
}

th {
  width: 100px;
}
th, td {
  border: 1px solid black;
}
.green {
  background-color: green;
  color: white;
}
.blue {
  background-color: blue;
  color: white;
}
.purple {
  background-color: purple;
  color: white;
}


    #legal_div {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      min-height: 60px;
      border: 2px solid rgb(90,11,33);
      background-color: rgb(90,11,33);
      
    }
    #legal {
      position: absolute;
      bottom: 2%;
      left: 4.8%;
      line-height: 1.5;
    
      
    }
    #legal a {
      color: rgba(255,255,255,1); 
      font-size: 13px;
      font-weight: normal;
      text-decoration: none;
      font-family: "monospace";
    }
    #legal a:hover {
      background-color: white;
      color: black;
      font-size: 15px;
    }
    

    body {
      margin: 0;
      padding: 0;
      background-color: white;
      box-sizing: border-box;
      height: 100vh;
      cursor: pointer;
    
    }



    @media only screen and (orientation: landscape) {
    }

    /* For very small landscape screens width 974-1199 */
    @media only screen and (min-width: 974px) and (max-width: 1199px) and (orientation: landscape) {
              
    }
    /* For small landscape screens width 1200-1300 */
    @media only screen and (min-width: 1200px) and (max-width: 1300px) and (orientation: landscape) {

    }
    /* For very large PC screens */
    @media only screen and (min-width: 1700px ) and (orientation: landscape) {
     
    }



    /* For Smartphones and Portrait Tablets*/
    @media only screen and (orientation: portrait) {
      
      #legal {
        position: fixed;
  	    bottom: 0%;
        left: 10%;
      }
      #legal_div {

        min-height: 125px;
      }

	      	   
    } 

   /* For very thin Smartphones */
   @media only screen and (max-width: 320px) and (orientation: portrait) {
     
     #legal {
       position: fixed;
       bottom: 0%;
       left: 10%;
     } 
     #legal a {
       font-size: 12px;
     }  
  
   }

   /* For small smartphones smaller cards */
   @media only screen and (max-width:600px) and (max-height: 690px) and (orientation: portrait) {
     
   } 

  /* For smartphones with long height 830-950 */
  @media only screen and (max-width: 600px) and (min-height: 830px) and (max-height: 950px) and (orientation: portrait) {
   
  }

  
  /* For portrait tablets 768 x 1024 / 820 x 1180 / 1024 x 1366 / 912 x 1368 / 853 x 1280 */

  @media screen and (min-width: 750px) and (orientation: portrait) {
  
  }
  @media screen and (min-width: 750px) and (max-height: 1250px) and (orientation: portrait) {
    	       
  } 
  @media screen and (min-width: 750px) and (max-height: 1150px) and (orientation: portrait) {
    	       
  } 

     

/*
ALL Media Queries:

------------------------------------------------

max-width 320 and orientation portrait
very thin smartphones

max-width: 600 and max-height 690 and orientation: portrait
small smartphones

max-width: 600 and orientation: portrait (implying height 691-829)
280-540 x 653-932 	(usual width 360-430)
smartphones 375 x 667 / 414 x 896 / 390 x 844 / 430 x 932 / 412 x 915 / 360 x 740 / 412 x 915 / 540 x 720 (surface duo) / 280 x 653 (galaxy fold)

max-width: 600 and min-height: 830 and max-height 950 and orientation: portrait
long smartphones

min-width: 750 and orientation: portrait
768-1024 x 1024-1366
portrait tablets 768 x 1024 / 820 x 1180 / 1024 x 1366 / 912 x 1368 / 853 x 1280 


landscape screen 974-1200 width
tablet 1024 x 600 

landscape screen 1200-1300 width
tablet 1280 x 800

all screens (implying inbetween 1300-1700 max-width)

landscape screens Min-width: 1700

--------------------------------------------------------------
*/