header {

    background:#d1deff;
    color:#2a2a6b;
    padding:70px;
    text-align:center;
    font-family: 'Courier New', Courier, monospace;

}

body {

    margin-left:4%;
    margin-right:4%;
    padding:5px;
    font-family: Arial, Helvetica, sans-serif;

}

#navbar {

    background:#fffdcc;
    padding:5px;
    text-align:center;
    color:white;
    top:0;
    position:sticky;
    

}

#navbar a {

    color:rgb(138, 82, 14);
    text-decoration: none;
    display: inline;
    padding:15px;

}

.pageContent {

    padding:3%;
    background:#6464d9;
    color:#b3fffa;
    display:flex;

}

img {

    width:100%;
}

.sidebar {

    padding:2%;

}

@media screen and (max-width:700px) {

    #navbar {
        position:relative;
    }

    .pageContent {
        flex-direction:column;
    }
    
}