body {
    background-color: #001F3F;
}

.items {
    display: inline-block;
    border: 5px solid black;
    box-shadow: 0 10px 20px black;
    width: 400px;
    height: 300px;
    font-family: courier;
    font-size: 14px;
    color: black;
    margin: 20px;
}

.box1 {
    border: 1px solid black;
    width: 200px;
    height: 150px;
    position: relative;
    bottom: 1px;
    right: 1px;
}

.box2 {
    border: 1px solid black;
    background-color: #D8BFD8;
    width: 190px;
    height: 150px;
    position: relative;
    left: 200px;
    bottom: 153px;
    padding-left: 10px;
    white-space: normal; /* keeps everything in the div still */
}

.box3 {
    border: 1px solid black;
    background-color: #D8BFD8;
    width: 391px;
    height: 150px;
    padding-left: 10px;
    position: relative;
    bottom: 155px;
    right: 1px;
    white-space: normal; /* keeps everything in the div still */
}

.scrolling {
    border: 1px solid black;
    background-color: #0074D9;
    padding: 10px;
    margin: 30px;
    width: 1350px;
    height: 300px;
    overflow-y: auto;   /* this is vertical scrolling */
    overflow-x: auto;   /* this is horizontal scrolling */
    white-space: nowrap; /* makes everything horizontal */
}


h1 {
    color: white;
    font-color: silver;
    font-family: sans-serif;
    text-align: center;
}

hr {
    color: yellow;
}