:root{
    --main-color: #0a7894;
    --display-style: inline-block;
}
*{
    box-sizing: border-box;
    background-color: var(--main-color);
    font-family: 'PT Sans', sans-serif;
    color: white;
}
/* header{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 5;
}
header .logo{
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 700;
    color: white;
}
header>div .logo{
    float: left;
    padding: 1em 3.5em 1em 0.5em;
}
header nav{
    background: transparent !important;
}
nav ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
nav li{
    list-style: none;
    padding: 1em 0;
}
nav li:hover{
    text-decoration: none;
}
nav a{
    color: white;
    font-weight: 300;
    opacity: 0.6;
    text-decoration: none;
    transition: 0.3s all ease;
}
nav a:hover{
    padding: 0;
    opacity: 1;
    color: white;
    text-decoration: none;
} */
header{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 5;
}
header .logo{
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 700;
    color: white;
}
header>div .logo{

    float: left;
    padding: 1em 3.5em 1em 0.5em;
}
header nav{
    background: transparent !important;
}
nav ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
nav li{
    list-style: none;
    padding: 1em 0;
}
nav a{
    color: white;
    font-weight: 300;
    opacity: 0.6;
    text-decoration: none;
    transition: 0.3s all ease;
}
nav a:hover{
    padding: 0;
    opacity: 1;
    color: white;
    text-decoration: none;
} /*end*/
footer{
    text-align: center;
    margin-bottom: 4em;
    color: white;
}
.main-footer{
    padding: 4em 0em 0.9em 0em;
}
.copyright{
    text-align: center;
}
form{
    padding: 60px;
    color: white;
    text-align: center;
}
form input{
    margin-top: 0px;
    padding: 0px;
    border: 1px solid white;
    background-color: var(--main-color);
    width: 33%;
}
form input:focus{
    border: 1px solid black;
}
input[type=submit]{
    background-color: white;
    border: none;
    color: var(--main-color);
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    width: 30%;
}
.main-padding{
    padding: 7em 4em;
    text-align: center;

}
.article-title{
    text-align: left;
}
.contact ul{
    margin: 0;
    padding: 0;
    display: block;
    justify-content: space-around;
    text-align: center;
}
.contact li{
    list-style: none;
    padding: 1em 0;
}
.contact a{
    color: white;
    font-weight: 300;
    opacity: 0.6;
    text-decoration: none;
    transition: 0.3s all ease;
}

.pagination{
    display: inline-block;
}  
.pagination a{
    color: var(--main-color);
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
.pagination a.active{
    background-color: var(--main-color);
    color: white;
}
footer{
    font-size: 12px;
}
.sendmessage{
    color: white;
    opacity: 0.6;
}
.para{
    opacity: 0.6;
}
.image{
    border-radius: 10px;
    border: 3px solid blue;
    margin-bottom: 50px;
    height: 15%;
    width: 15%;
}
h1{
    margin-bottom: 50px;
}