body{
    background-image: url("lookingdown.JPG");
    background-size:cover;
    background-position:10%;
    background-repeat:no-repeat;
}
#myChart{
  width: 100%;  
  height: 100%;       
  max-width: 800px;    
  max-height: 800px;  
}
#container{
display:grid;
grid-template-columns:2fr 1fr;
gap:10px;
}
#leftside{
display:grid;
grid-column:1;
width:800px;
background-color:rgba(255,255,255,0.9);
margin:20px;
padding:5px;
}
#rightside{
display:grid;
grid-column:2;
grid-template-rows:8fr 1fr;
}
#caption{
display:grid;
grid-row:1;
text-wrap:auto;
margin:20px;
padding:5px;
background-color:rgba(255,255,255,0.8);
height:max-content;
}
#home{
grid-row:2;
text-align:right;
font-family:Helvetica,sans-serif;
color:white;
font-size:25px;
padding-right:20px;
}
a:hover{
    color:pink;
}
a:visited{
    color:white;
}
h1{
    font-family:Impact,Helvetica,sans-serif; 
    color:white;
        text-shadow: 1px 1px 14px rgb(72, 70, 70);
}
h2{
 font-family:Helvetica, sans-serif;
    color:white;  
    text-shadow: 1px 1px 14px rgb(72, 70, 70);
}
p{
    font-family:Helvetica, sans-serif;
}

#title{
    display:flex;
    flex-direction:vertical;
}