.intro {
    font-family: 'RocknRoll One';
    text-align: center;
    padding: 0.75rem;

}

.imagegraph{
    max-width: 1200px;
    padding-top: 100px;
    margin: 0 auto;
    align-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
}


.intro .byline {
    font-family: 'RocknRoll One';
    font-size: 1.5em;
    font-weight: 200;
    margin-top: 20px
}
.intro .big {
    font-family: 'RocknRoll One';
    font-size: 3.75em;
    line-height: 1.3;
    margin: 0 auto;
    font-weight: 300;
    padding-top: 30px;
    margin: auto;
    max-width: 2000px;
}

.intro .medium {
    font-family: 'RocknRoll One';
    font-size: 3em;
    line-height: 1.3;
    margin: 0 auto;
    font-weight: 300;
    padding-top: 30px;
    margin: auto;
    max-width: 2000px;
}

#header_image{
    max-width: 800px;
    padding-top: 2rem;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;

}

#header_gif {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 420px;
    padding-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

.subheader{
    font-size: 23px;
    max-width: 700px;
    line-height: 25px;
    margin: auto;
    padding-top: 30px;
    padding-bottom:50px;


}
body {
    background-color: #F7F7F5;
    color: black;
    background-size: 100%;
    padding-bottom: 100px;
    
  }
   
p {
    
    margin: 1.5rem 0;
    font-size: 12px;
    line-height: 1.7;
    font-family: 'RocknRoll One';
}
.card{
    max-width: 20%;
}
.chart-notes {
    font-size: 15px;
    max-width: 800px;
    padding: 1rem;
    /* padding-top: 2rem; */
    margin: 0 auto;
    margin-bottom: 2rem;
    line-height: 18px;
    /* background-color: rgba(228, 179, 99, 0.1) */
}

  
.quote{
    margin: auto;
    max-width: 800px;
    font-size: 24px;
    line-height : 30px;
    margin-top: 70px;
    /* border-left: 3px solid #e4b363;
    padding-left: 15px; */

}

.main-body{
    font-size: 21px;
    line-height : 35px;
    margin: auto;
    max-width: 800px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: justify;
    text-justify: inter-word;
}

.inline-img {
    /* display: inline-block; */
    width:40%;
    margin: 0 auto;
    align-items: center;
    padding: 3em;
    }

/* .intro{
    background-color: aqua;
}

.section1{
    background-color: aquamarine;
} */

.section-header{
    text-align: center;
    margin: auto;
    max-width: 800px;
    padding-top: 100px;
    padding-bottom: 30px;
    font-family: 'RocknRoll One';
    font-size: 30px;
    line-height: 1.3;
    font-weight: 900;
}

.Sources{
    padding-top: 60px;
    max-width: 700px;
    font-size: 11px;
    font-family: 'RocknRoll One';
    margin: 0 auto;
    text-align: center;

}

.tweet{
    margin-right: 2px; 
    font-size: 18px; 
    font-family: Arial, Helvetica, sans-serif;
    line-height: 25px;
    color: black;
    padding-bottom: 5px;
}

.tweet_details{
    margin-right: 2px; 
    font-size: 12px; 
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
    color: #54585b;
}

a body {
    /* background-color: rgba(228, 179, 99, 0.2); */
    color: black;
    }


a.tweet-link {
    text-decoration: none;
    color: black; 
}

a.tweet-link:hover {
    text-decoration: underline;
}


#svg {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

#svg img {
    width: 100%;
    max-width: 800px;
    height: auto;
}

.centered-table {
    display: flex;
    justify-content: center;
}

.centered-table td {
    padding: 5px; 
}

#tweet {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 15px;
}

#tweet_mockup {
    color: #3b3b3b; 
    border: 1px solid #c5cfd6; 
    background-color: white; 
    padding: 30px; 
    border-radius: 10px;
    width: 540px;
    margin: 0 auto;
    display: flex;
    padding-top: 10px;
    padding-bottom: 0px;
}

#tweet_image {
    width: 47px; 
    height: 47px;
    padding-top: 10px;
    padding-bottom: 10px;
    object-fit: cover;
}

#tweet_header {
    padding-right: 270px;
    padding-top: 11px;
    font-size: 14px; 
    font-weight: 500;
}

.spoiler, .spoiler2, .spoiler a, .spoiler2 a{ 
  color: #9AA5DB; 
  background-color: #9AA5DB;
}

.spoiler:hover, .spoiler:hover a {
  color: white;
}

.spoiler2:hover, .spoiler2:hover a { 
 background-color:whitesmoke; 
 color: black;
}