body{
    margin:0;
}

#header{
    position:relative;
    top:0;
    left:0;
    width:calc(100vw - 80px);
    height:calc(80px - 20px);
    display:flex;
    justify-content:center;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:40px;
    padding-right:40px;
    border-bottom: 1px gray solid;
}

#container{
    position:absolute;
    left:40px;
    top:calc(50vh - 350px + 60px);
    width:700px;
    height:700px;
    display:flex;
    background-color:white;
    flex-wrap:wrap;
    justify-content:space-between;
}

#titleContainer{
    position:absolute;
    left:740px;
    top:calc(50vh - 350px + 60px);
    width:calc(100vw - 780px - 200px);
    padding-left:100px;
    padding-right:100px;
    padding-top:210px;
    padding-bottom:210px;
    height:calc(700px - 420px);
}

#body{
    position:absolute;
    left:0;
    top:760px;
    width:calc(100vw - 800px);
    padding-left:400px;
    padding-right:400px;
    padding-top:120px;
    padding-bottom:80px;
    line-height:2em;
}

h1{
    font-family: "bodoni-urw", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    letter-spacing:-.025em;
    line-height:1em;
    width:100%;
}

h2{
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height:1.5em;
    width:100%;
}

p{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal;
    font-size:18px;
}

#date{
    color:gray;
}

.cards{
    width:33.3333333%;
    height:20%;
  }

.graphs{
    width:33.3333333%;
    height:20%;
}