@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Oswald:wght@200..700&display=swap');
* {
	padding:0px;
	margin:0px;
}

body {
    margin: 0;
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 400;
    min-height: 100vh;
}

header, footer {
    color: #ccc;
    text-align: center;
    background-color: #2D3244;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

h1,h2,h3,h4 {
    font-family: "Oswald", sans-serif;
    font-size: 2em;
    font-weight: 400;
} header {font-size: 1.65em; font-variant: small-caps;}
header {
    height: 10vh;
    color:#0E9CEF;
}
section {
    padding: 150px;
}
footer {
    height: 5vh;
    position: fixed; bottom: 0px; width: 100%;
    text-align: center;
} 

nav {
    background-color: #33394D;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

nav a {
    color: #bcccff;
    text-decoration: none;
    padding: 15px;
}

main {
    width:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}

aside {
    width: 500px;
    height: 75.85vh;
    padding: 20px;
    background-color: #2a2d3d;
    color: #ffffff;

    display: flex;
    align-items: center;
}

li {
    padding-bottom: 5px;
}

article {
    display: flex;
    flex-direction: row;
    border-bottom: #7B88AA dashed;
    padding: 5px;
    gap: 35px;
}
article img {
    border-top: #7B88AA dashed;
    padding: 10px;
}

div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

article p {
    margin-bottom: 15px;
}

article div {
    padding: 0px 30px;
}

article h1 {
    color: #000000;
}