body{
    font-family: 'Times New Roman', Times, serif
}
nav ul {
    list-style: none;         /* Removes bullet points */
    padding: 0;
    margin: 0;
    display: flex;            /* Displays items in a row */
    gap: 10px;                /* Space between links */
    font-size: 20px;          /* Sets font size for links */
}

nav li {
    display: inline;          /* Ensures list items are inline */
    margin-right: 200px; 
}

nav a {
    text-decoration: none;    /* Removes underline from links */
    color: #333333;              /* Sets link color */
    font-weight: bold;
}

header {
    display: flex;
    align-items: center; 
    justify-content: space-between; 
    padding: 20px 0;
}

header img {
    width: 20%;
    height: auto;
    margin-right: 10px;
}

.demonstration img{
    width: 30%;
    height: auto; 
    padding-top:5%;
    padding-right:60%;
}

.demonstration p{
    font-size: 20px;          
    text-align: center;    
    padding-left: 450px;
    position: relative;
    bottom: 350px;            /* Adjusts position of the text */
    width: 50%
}


a:hover{
    color: #c27509;          /* Changes link color on hover */
}

.individual {
    text-align: center;       /* Centers the heading */
    font-size: 30px;         /* Sets font size for the heading */
}

.long-line {
    width: 20%; /* Full width of the container */
    height:1px;
    background-color:black;
    margin: 20px auto;
}

.long-line-home {
    width: 20%; /* Full width of the container */
    height:1px;
    background-color:black;
    margin: 20px auto;
    position: relative;
    bottom: 150px;
}

.sources-heading{
    text-align: center;       /* Centers the heading */
    font-size: 30px;         /* Sets font size for the heading */
}

.sources ul {
    list-style:none; 
}

.ellen img {
    width:30%;
    height: auto;
}

.rectangle {
    position: relative;
    width:30%;
    height:120px;
    background-color:#103a80;
    margin: 20px;
    margin-bottom: 10px;
    bottom: 390px;
    left:150px;
}

.rectangle p{
    text-align:center;
    color:white;
    font-size: 30px;
    padding-top: 25px;
}

.what{
    text-align:center;
    position: relative;
    bottom: 240px;

}

.what p{
    font-size: 17px;
    position: relative;
    width: 80%;
    left: 10%;
}

.class img{
    width: 70%;
    margin: auto;
    display: block;
    position: relative;
    bottom: 200px;
}

.ellen-info {
    text-align: center;
    position: relative;
    bottom: 200px;
    width: 50%;
    left: 450px;
    bottom: 300px;
}

footer {
    background-color: #103a80;
    color:white;
    width: 100%;
    height: 100px;
    position: relative;
}

footer p {
    padding-top: 80px;
    font-size: 15px;
    position: relative;
    left: 5px;
}