* {box-sizing: border-box}

/* Set height of body and the document to 100% */
body, html {
  height: 100%;
  margin: 10;
  font-family: Arial;
}
.full-height {
height: 100%;}


.header {
  padding:15px;	
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
  Height:70px;
}

.menu {
  float: right;
  width: 35px;
  margin: 0 0 15px 20px;
  padding: 0x;
  text-align: center;
}

.flex-container {
  display: flex;
  align-items: stretch;
  background-color: #f1f1f1;
}

.flex-container>div {
  background-color: #ffffff;
  color: white;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 14px;
}

myelement{
writing-mode: vertical-lr;
  border: solid black 1px;
  display: inline-block;
  height: auto;
  width: 28px;
  margin: 3px;
  font-size:24px;  
  font-weight:800;
  text-align:center;
  background-color:#adeef8;
}

myelement2{
writing-mode: vertical-lr;
  border: solid black 1px;
  display: inline-block;
  height: auto;
  width: 30px;
  margin: 5px;
  font-size:24px;  
  font-weight:800;
  text-align:center;
  background-color:#f9f5ac;
}

myelement.a {
text-orientation: mixed;}


table, th, td{
  border: 1px solid black;
  border-collapse: collapse;
  font-size:18px;
  padding:4px;
 }
 

 
 .mybutton{ height:32px; font-size:16px; font-weight:600; background-color:yellow; border-radius:8px;}
 
 
/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

section {display:block;}

select  {font-size:18px;}
input	{font-size:18px;}
textarea {font-size:18px;}