body {
   margin: 0;
   padding: 0;
   font: normal 0 sans-serif;
   box-sizing: border-box;
}
* {
   margin: 0;
   padding: 0;
}
div#icons {
   text-align: center;
   max-width: 800px;
   padding: 1%;
   margin-left: auto;
   margin-right: auto;
}
div#icons .icon {
   width: 100px;
   margin: 7px;
   box-sizing: border-box;
   /* border: 1px solid black; */
}
div#input {
   text-align: center;
}
div#input p {
   font: bold 18px sans-serif;
   text-align: center;
   color: #ff0000;
   background-color: #ffbbbb;
   padding: 2px;
   margin: 2px;
}
div#input .input {
   font: bold 24px sans-serif;
   margin: 0.2em 0.2em;
}
div#input .button {
   border: #aaa;
   border-radius: 10px;
   background: #eee;
   border: 2px solid #bbb;
   padding-left: 0.3em;
   padding-right: 0.3em;
}
div#input .text {
   width: 1.5em;
   text-align: center;
}
div#input textarea.text {
   width: 95%;
   height: 10em;
   text-align: left;
   font: normal 18px sans-serif;
}
div#other {
   font: normal 16px sans-serif;
   margin: 1em;
}
div#other h1 {
   font: bold 24px sans-serif;
}
div#other ul {
   list-style-type: disc;
   list-style-position: outside;
   margin-left: 1.5em;
}
div#footer {
   padding: 1% 0 0 0;
   margin: 1% 0 0 0;
   border-top: 1px solid #aaa;
}
div#footer ul {
   list-style-type: none;
   text-align: center;
   margin: 0;
   padding: 0;
}
div#footer ul li {
   display: inline;
   font: bold 18px sans-serif;
   margin: 0;
   padding: 0 0.3em;
}