#box {
position: fixed;
left: 520px;
top: 250px;
width: 1000px;
height: 1000px;
background-color: white;
border-style: solid;
border-width: 16px;
border-color: black;
}

.button {
background-color: yellow;
cursor: pointer;
width: 200;
height: 60;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
color:black
}
.greenbutton{
background-color: rgb(121, 238, 143);
cursor: pointer;
width: 120;
height: 60;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;

color:black
}
.redbutton{
background-color: white;
cursor: pointer;
width: 120;
height: 60;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
color: black
}
.bigbutton{ 
left: 1%;
width: 250px;
height: 100px;
background-color: #390bf1;
font-family: Arial, Helvetica, sans-serif;
font-size: xx-large;
color: #f7f5f5;
border-color: black;
border-width: 10s;
}

.spacer {
height: 1600px;
}

.toolarea{
position: fixed;
top: 2%;
width:75%;
left: 520px;
}


#deltabox {
display: inline-block;
text-align: left;
font-size: x-large;
overflow-y: auto;
left: 1%;margin-left: 1%;
width: 400px;
height: 1800px;
background-color: #a127e8;
border-style: solid;
border-width: 16;
border-color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
color: rgb(243, 239, 9);

}
#nowbox {
display:fixed ;
text-align: left;
font-size: x-large;
overflow-y: auto;
left: 1%;margin-left: 1%;
width: 400px;
height: 1800px;
background-color: #08f608;
border-style: solid;
border-width: 16;
border-color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
color: black;
visibility: visible;

}
#infobox {
display: inline-block;

overflow-y: auto;
left: 1%;
margin-left: 1%;

width: 400px;
height: 1800px;
background-color: #1c1cde;
border-style: solid;
border-width: 16;
border-color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
color: white;
visibility: visible;
}

.theform{
text-align: center;
left: 1%;
margin-left: 1%;

}


.morebuttons {
display: inline-flex;
top:0px;

width:100%;
border-style: solid;
border-width: 16;
border-color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
color: white;
visibility: visible;
z-index: 100;
}

#commandbox {
display: inline-block;

left: 1%;
margin-left: 1%;

width: 400;
height: 1800px;
overflow-y: auto;
background-color: #00ccff;
border-style: solid;
border-width: 16;
border-color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
color: #f7f5f5;
visibility: visible;
}

input {
font-family: Arial, Helvetica, sans-serif;
font-size: 48px;
width: 250px;
height: 80px;
}

.input2 {
height: 50px;
width: 100px;
margin-left: 1%;
padding-left: 10px;
font-size: 30px;
}

.input3b {
height: 30px;
width: 30px;
margin-left: 1%;

}

.input4e {
font-size: 48px;
width: 100px;
height: 50px;
margin-left: 1%;

}

label {
width: 250px;
margin-left: 1%;
font-size: 48px;
height: 72;

}

.label2 {
width: 200px;
margin-left: 1%;
font-size: 48px;
height: 72;

}

.label4e {
width: 350px;
margin-left: 1%;
font-size: 48px;
height: 60px;

}
.logo{
top:1%;
left:1%;
width:400px;
height:200px;
}

h1 {
text-align: center;
font-size: xlarge;
color: white;
}

h2 {
text-align: center;
font-size: 48px;
font-weight: bold;
color: white;
}

hr {
height: 3px;
color: white;
}
em{
color: #EC4569;
}
body{
   background-color: #ed3290;
}