main {
    align-content: center;
    margin: auto;
    width:90%;
}

.boxes {
    content: "";
    display: table;
    clear: both;
    margin:auto;
}

.boxes > div {
    float: left;
}

.binary > div {
    height: 3rem;
    width: 4rem;
    padding: 2rem 2rem 0rem;
    margin: .5rem;
    font-size: 1.75rem;
    border: solid black 1px;
    text-align: center;
    font-weight: 600;
    background-color: aquamarine;
}

.super > div {
    height: 1rem;
    width: 4rem;
    padding: 1rem 2rem 0rem;
    margin: .5rem;
    font-size: 1.25rem;
    border: none;
    text-align: center;
    font-weight: 600;
}

.decimal > div {
    height: 1rem;
    width: 4rem;
    padding: 0rem 2rem 0rem;
    margin: .5rem;
    font-size: 1.25rem;
    border: none;
    text-align: center;
    font-weight: 600;
}

.super > div:nth-child(5n) {
  width: 1rem;
  padding: 2rem 1rem 0rem;
    background-color: beige;
    border:none;
}

.binary > div:nth-child(5n) {
    width: 1rem;
    padding: 2rem 1rem 0rem;
}


.decimal > div:nth-child(5n) {
  width: 1rem;
  padding: 2rem 1rem 0rem;
    background-color: beige;
    border:none;
}
.total > div {
    height: 3rem;
    width: 6rem;
    padding: 2rem 2rem 0rem;
    margin: .25rem;
    font-size: 1.75rem;
    border: solid black 1px;
    text-align: center;
    font-weight: 600;
    background-color: blue;
    color: white;
}

.parameters {
    margin: auto;
    text-align: center;
}
/*#reset {position:absolute;top:1%;left:5%;width:10%;height:10%; }
#instruction {position:absolute;top:2%;left:80%;width:14%;height:15%; font-family:Tahoma, Geneva, sans-serif; font-size:12px; text-align:left; }

#p128 {
	  position:absolute; top:10%; left:25%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }

#p64  {
	  position:absolute; top:10%; left:30%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }

#p32  {
	  position:absolute; top:10%; left:35%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }

#p16  {
	  position:absolute; top:10%; left:40%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
#ppt {
	  position:absolute; top:10%; left:45%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
#p8  {
	  position:absolute; top:10%; left:50%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
#p4 {
	  position:absolute; top:10%; left:55%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
#p2  {
	  position:absolute; top:10%; left:60%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
	   #p1  {
	  position:absolute; top:10%; left:65%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }


#d128 {
	  position:absolute; top:15%; left:25%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }

#d64  {
	  position:absolute; top:15%; left:30%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }

#d32  {
	  position:absolute; top:15%; left:35%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }

#d16  {
	  position:absolute; top:15%; left:40%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }

#dpt  {
	  position:absolute; top:15%; left:45%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }
#d8  {
	  position:absolute; top:15%; left:50%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }
#d4 {
	  position:absolute; top:15%; left:55%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }
#d2 {
	  position:absolute; top:15%; left:60%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }
#d1 {
	  position:absolute; top:15%; left:65%; width:3%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#CFF;padding:5px;border-style:ridge;
border-width:1px;border-color:#0000FF;
       }
#v128 {
	  position:absolute; top:22%; left:25%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }

#v64  {
	  position:absolute; top:22%; left:30%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }

#v32  {
	  position:absolute; top:22%; left:35%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }

#v16  {
	  position:absolute; top:22%; left:40%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
#vpt {
	  position:absolute; top:22%; left:45%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
#v8  {
	  position:absolute; top:22%; left:50%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
#v4 {
	  position:absolute; top:22%; left:55%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
#v2  {
	  position:absolute; top:22%; left:60%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }
	   #v1  {
	  position:absolute; top:22%; left:65%; width:3%; height:5%;
	  font-family:Verdana; font-size:1em;background-color:#FFF;padding:5px;border-style: hidden;
border-width:1px;border-color:#0000FF;
       }

#decimal {
	  position:absolute; top:15%; left:75%; width:10%; height:5%;
	  font-family:Verdana; font-size:1.5em;background-color:#eeeeee;padding:5px;border-style:ridge;
border-width:1px;border-color:#000000;
       }
#images {
	  position:absolute; top:30%; left:10%;  */
	         }