body {
    display:flex;
    flex-direction: column;
    background: linear-gradient(45deg, #111122 10%, #332255 100%);
    min-height: 100vh;
    margin:0px;
    color:#DDDDFF;
}
header {
    display:flex;
    direction:row;
    flex-grow:0;
    justify-content: center;
    padding:0px;
    border-style:solid;
    border-color:#220033;
    border-width:2px;
    background: linear-gradient(to right, #334455, #333377);
}
#maindiv {
    display:flex;
    flex-grow:1;
}
footer {
    display:flex;
    flex-grow:0;
    flex-direction:row;
    justify-content:center;
    background: linear-gradient(to left, #334455, #333377);
    padding:20px;
    border-style:solid;
    border-color:#220033;
    border-width:2px;
    position: relative;
    bottom: 0;
}
h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}