head, html{
height: 90%;
}
body{
background-color: #3F51B5;
color: black;
height: 90%;
}
#img{
text-align: center;
}
#wrapperNew {
text-align: center;
margin-top: 8em;
margin-left: 5em;
background-color: ghostwhite;
height: 70%;
width: 40%;
padding-top: 3em;
float: left;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#wrapperOld {
text-align: center;
margin-top: 8em;
margin-right: 6em;
background-color: ghostwhite;
height: 70%;
width: 40%;
padding-top: 3em;
float: right;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
input{
margin: .75em;
}
button.submit {
background-color:darkblue; /* Green */
border: none;
color: ghostwhite;
padding: 12px 23px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-family: monospace;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-top: 15px;
}
.questBlock{
background-color: #7986CB;
width: 75%;
margin-left: 12%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: left;
margin-bottom: 15px;
margin-top: 80px;
height: 35%;
padding-left: 15px;
}
h1 {
font-family: monospace;
font-size: 25px;
}
p{
font-family: monospace;
width: 50%;
margin: 0px;
display: inline-block;
}
p.cred{
font-family: monospace;
font-size: 20px;
font-weight: 700;
text-align: center;
margin-bottom: 5px;
margin-top: 15px
}
p.main{
font-family: monospace;
font-size: 25px;
font-weight: 700;
text-align: center;
}
p.des{
font-family: monospace;
font-size: 15px;
font-weight: 500;
text-align: center;
margin-top: 20px
}
button.done {
background-color:darkblue; /* Green */
border: none;
color: ghostwhite;
padding: 7px 15px;
text-decoration: none;
font-size: 16px;
font-family: monospace;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
display: inline-block;
float: right;
vertical-align: middle;
margin-right: 50px;
margin-bottom: 1000px;
margin-top: -30px;
}
#content:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
aside {
margin-left: 0px;
}