@import url(https://fonts.bunny.net/css?family=literata:500|lexend:300,600);

body,html,* {font-family: 'Lexend', sans-serif; font-weight: 300; }

strong { font-weight: 600;}
a,a:visited { text-decoration: none; border-bottom: 1px dashed #551A8B; color: inherit;}
a:hover { border-bottom: 2px dashed #551A8B;}
h1,h2,h3 { font-family: 'Literata', sans-serif; font-weight: 300; margin-bottom: 20px; color: #551A8B;  }

h2 { font-size: 22px; font-weight: 400;}
h3 { font-size: 22px; font-weight: 400; border-bottom: 1px dashed #ccc;}
#container { margin: 0 auto; max-width:800px; font-size: 18px; padding: 5px 10px;}
#logo img { max-width: 100%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin: auto;}
#content p { text-align: center;}

#content p { text-align: left; line-height: 150%; margin-bottom: 20px;}
#content .cent { text-align:center;}

.moving img { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

#graph { float: right; width: 40%; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; margin-left: 10px;}
#graph img {max-width: 100%; }
#content #graph p { text-align: center; font-size:80%; line-height: 100%;}

#sig img { width: 24px; vertical-align: text-bottom; margin-right: 15px;}
#logo p { text-align: center;}
#logo a { border-bottom: none;}

nav { text-align: center; margin-bottom: 10px; font-size: 80%;}

footer { font-size: 80%; text-align: center;}
footer { margin-top: 50px; margin-bottom: 20px;}


@media only screen and (max-width: 680px) {

#graph { float: none; width: 60%; margin: 10px auto;}



}