body{
    background-color: #D97E4A;
}

#content{
    display: flex;
}
.maincontent{
    
    width:100%;
}

#nameheader{
   display: flex;
}
#title{
    font-size:50pt;
    font-family: "Daft Font";
    color : #DCE6F2;
    margin-top:10px;
    filter: saturate(.7);
    text-shadow: #c17b12 2px 2px 4px;
    margin-left:auto;
    margin-right:auto;
}
#tvlogo{
    width:100px;
    border-radius: 9;
    margin-top:10px;
    margin-left:5px;

}
.header{

    display: flex;
  
    width: 100%;
    
    justify-content: space-evenly;

    margin-top:30px;
    margin-bottom:60px;

}
.link{
    color: #ffffff;
    font-size: 20pt;
    font-family : "Daft Font";
    text-decoration: none;
}
.timeline{
    
    max-width: 300px;
    padding: 25px;
    display: grid;
    grid-template-columns: 90px 3px 1fr;
    grid-template-rows: 1fr;
    font-family: 'Montserrat', sans-serif;
    color:white;
}
.timeline_component{
    margin: 0 10px 10px 10px;
    text-align: left;
    max-height:150px;
    padding-left:10px;

}
.timeline_component--date{
    max-width: 80px;
    margin-right:10px;
}
.timeline_date{
max-width:85px;
position: relative;
text-align: right;
padding-right:10px;
}
.timeline_middle{
    position:relative;
    background-color: white;

}
.timeline_point{
    position:absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    width:15px;
    height:15px;
    background-color: white;
    border-radius: 50%;
}

.timeline_component--bg{
    background-color:rgba(255,255,255,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    text-align: left;
    position: relative;
    margin-left:10px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
}
.timeline_component_title{
    font-size:14pt;
    font-weight:bold;
    margin: 0;


}
.timeline_component_para{
    font-size: small;
    margin: 0;
    

}
#pagetitle{
    color:#D97E4A;
    font-size: 35pt;
    text-align: center;
    font-family: 'libre caslon text', serif;  
}
.imgbox{
    width:130px;
    
}
#timelineimg{
    width:175px;
    float:left;
    margin-right:20px;
    margin-bottom: 20px;
}
#timelinepara1{
    font-size: 12pt;
    font-family: 'Montserrat', sans-serif;
    margin-left:10px;
    margin-right:10px;
    color:#D97E4A;
    
}