* {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    margin: 0;
    padding: 0;
}

main {
    background-color: #E4E4E4;
    display: flex;
    flex: 1;
    width: 100%;
}

#logo {
    background: #FFB9B9;
    margin-left: 20px;
}

#mainleft{
    background-color: white;
    align-items: center;

    flex: 1;
    width: 100%;
    border: 15px solid white;
    margin: 20px;
}

#mainright{
    background-color: white;
    align-items: center;
    align-items: end;

    border: 15px solid white;
    margin: 20px;
    max-width: 400px;
    min-width: 400px;
}

.mainheader {
    background-color: #B0BAFF;
    height: 50px;
    margin-bottom: 20px;

}

.mainsection {
    background-color: #B0BAFF;
    height: 600px;
    padding: 20px;

}

.asideheader {
    background-color: #B0BAFF;
    height: 50px;
    margin-bottom: 20px;

}

.asidesection {
    background-color: #B0BAFF;
    height: 600px;
    padding: 20px;

}

article {
    background-color: white;
    margin: 20px;
    padding: 20px;

}

article p {
    text-align: justify;
}


/* .mainsection {
    background-color: white;
    align-items: center;

    width: 600px;
    border: 15px solid white;
    margin: 20px;
}

.insidemain {
    background-color: #B0BAFF;

}  */

header { 
    background-color: #FF8B8B;
    display: flex;
    height: 150px;
}

footer {
    background-color: #575757;
    color: white;
    height: 300px;
    padding: 0;
    margin: 0;
    width: 100%;
}

footer p {
    padding: 0;
    margin: 0;

}

nav{
    display: flex;
    width: 100%;
    background: #FFB9B9;
    margin: 20px;
    justify-content: center;
    align-items: center;
}

nav ul{
    display: flex;

}

nav ul li{
    list-style: none;

}

nav a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 25px;
    padding: 50px;
}