/*
current color scheme
#324475 #6A8FF7 #8D9BC2
*/



header h1{
    font-size:30px;
    text-align: center;
    font-weight: bold;
    margin: 20px 0 10px 0;
    font-family: Impact, OCR A Std, monospace;
    letter-spacing: 2px;
    color:#addeff;
    text-shadow: 2px 2px 0px #000000, -3px -3px 0px #2d41b0;
}

body{
    background-color: #324475;
}

section, article{
    margin: 0 20px 20px 20px;
    background-color: #B3C5F5;
    border-radius: 20px;
    padding: 10px 0 10px 5px;
}

h2{
    font-size: 30px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    text-align: center;
}
p{
    font-size:18px;
    line-height: 20px;
    margin: 5px 2px 5px 2px;
    padding: 0 2px 0 2px;
    font-family: Arial, Helvetica, sans-serif;;
}

article{
    background-color: #435892;
    background-image: url(images/background.png);

}
article h2{
    font-size: 25px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color:white;
}
article p{
    font-size: 16px;
    color:antiquewhite
}

#pastme{
    width:80%;
    margin:auto;
}
#futureme{
    width:600px;
    border-radius: 5px;
}
.displayLeftContainer{
    display: flex;
}
img{
    width:100%;
}


footer{
    text-align: center;
    background-color: rgb(53, 53, 53);
    font-size: 10px;
    color:rgb(236, 255, 249);
}