body {
    height: 100%;
    margin: 0;
}
/* top of home page */
#top-part{
    width: 100%;
}
#sitetext {
    display: inline-block;
    width: 36%;
    height: 100%;
    background-color: seagreen;
    text-align: center;
    margin: 0;
    overflow: auto;
}
#maintext {
    font-size: 48px;
    color: white;
    text-align: center;
    position: relative;
    top: 24px;
}
#subtext {
    font-size: 24px;
    color: lightgray;
    text-align: center;
    position: relative;
    top: 48px;
}
#money {
    display: inline-block;
    width: 64%;
    height: 100%;
    background-image: url('images/dollars.jpg');
}
/* bottom half of home page */
#bottom-part {
    width: 100%;
    background-color:ivory;
}
/* sidebar info links */
#info {
    float: left;
    width: calc(25% - 4px);
    height: 100%;
    font-size: 20px;
    text-align: center;
    background-color: ivory;
    border-style: solid;
    border-width: 2px;
    border-color: green;
}
#learn {
    width: 100%;
    height: 50%;
    text-align: center;
}
#lrn {
    position: relative;
}
#tools {
    width: 100%;
    height: 50%;
    text-align: center
}
#tls {
    position: relative;
}
/* login div */
#login {
    width: 75%;
    height: 100%;
    display: inline-block;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: green;
    text-align: center;
}
#banner {
    font-size: 24px;
    margin-top: 24px;
    margin-bottom: 16px;
}
#user {
    font-size: 20px;
}
#entry {
    display: inline-block;
    text-align: left;
}
.userinput {
    height: 34px;
    width: 220px;
    border-radius: 4px;
    font-size: 18px;
    padding-left: 6px;
    background-color: cornsilk;
}
.userinput:focus {
    background-color: ghostwhite;
}
::placeholder {
    color: gray;
}
#spacer {
    visibility: hidden;
}
#button {
    text-align: center;
}
#submit {
    height: 34px;
    width: 220px;
    background-color: ivory;
    font-size: 18px;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    border-color: darkgreen;
}
#submit:hover {
    cursor: pointer;
    background-color: green;
    color: white;
}
#forgot {
    font-size: 18px;
    text-align: center;
}
.modal-header {
    background-color:#e9f2e9;
}
.modal-footer {
    background-color: #e9f2e9;
}
#register {
    margin-top: 24px;
    font-size: 20px;
}