#background {
    margin: auto 10px;
    width: 1300px;
    height: 5000px;
    background-color: black;
}

#head {
    width: 1170px;
    height: 150px;   
    float: left;
    margin: 10px;
}

#top {
    width: 550px;
    height: 150px;
    margin: 5px;
    margin-left: 310px; 
    background-image: url('maga2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    font-size: 2em;
    font-weight: bold;
    font-family: 'Shift', sans-serif;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    text-align: center;
}

#timeline {
    width: 1170px;
    height: 400px; 
    position: absolute;
    left: 28px;
    top: 182px;
    background-color: white;
}

#politicians {
    width: 300px;
    height: 1300px; 
    position: absolute;
    left: 28px;
    top: 592px;
    background-color: white;
}
#actions {
    width: 550px;
    height: 1300px; 
    position: absolute;
    left: 338px;
    top: 592px;
    background-color: white;
}
#corps {
    width: 300px;
    height: 1300px;
    position: absolute;
    left: 898px;
    top: 592px;
    background-color: white;
}


#contract {
    width: 300px;
    height: 1300px;
    position: absolute;
    left: 28px;
    top: 1902px;
    background-color: white;
}
#story {
    width: 550px;
    height: 2610px;
    position: absolute;
    left: 338px;
    top: 1902px;
    background-color: white;
}
#rescue {
    width: 300px;
    height: 1300px;
    position: absolute;
    left: 898px;
    top: 1902px;
    background-color: white;
}

#redpills {
    width: 300px;
    height: 1300px;
    position: absolute;
    left: 28px;
    top: 3212px;
    background-color: white;
}

#econ {
    width: 300px;
    height: 1300px;
    position: absolute;
    left: 898px;
    top: 3212px;
    background-color: white;
}

#control {
    width: 1170px;
    height: 400px; 
    position: absolute;
    left: 28px;
    top: 4522px;
    background-color: white;
}