.link {
    display:inline-block;
    width:12%;
    font-size:24px;
}
body {
    background-color: #2E5CE6;
}
#main {
    margin-left:8%;
    margin-right:8%;
    margin-top:-21px;
    margin-bottom:0%;
    background-color:black;
}
p {
    color:white;
}
a {
    text-decoration:none;
}
.article {
    border:3px dashed white;
    border-style:dashed none dashed none;
    width:80%;
    display:inline-block;
    margin-left:10%;
    margin-bottom:25px;
}
.articlepdiv {
    width:69%;
    display:inline-block;
    float:left;
    height:225px;
    display: flex;
    justify-content: center; 
    align-items: center; 
}
.articlep {
    font-size:1.2em;
    vertical-align: middle;
    line-height: normal;
    text-align:center;
}
.articleimgdiv {
    display:inline-block;
    width:30%;
    float:right;
}
.articleimg {
    width:100%;
    height:225px;
}
.articlepdiv2 {
    width:69%;
    display:inline-block;
    float:left;
    height:175px;
    display: flex;
    justify-content: center; 
    align-items: center; 
}
.articleimg2 {
    width:100%;
    height:175px;
}
.nextPages {
    margin-left:10%;
    margin-right:10%;
}
#navbar {
   height:26px;
   background-color: red;
}
li {
    display:inline;
}
a {
    color:white;
    font-weight:bold;
}
#title {
    text-align:center;
    color:white;
}
#left {
    float:left;
    width:8%;
}
#right {
    float:right;
    width:8%;
}
.leftimg {
    width:100%;
}
.rightimg {
    width:100%;
}
.nextPage {
    font-size:2em;
}