@font-face {
    font-family: "CherryBombOne";
    src: url(fonts/CherryBombOne-Regular.ttf);
}

:root {

    background: url(images/TinySquares.jpg) no-repeat center fixed;
    background-size: cover;

}

body {
    font-family: "CherryBombOne";
    
}

#container {
    max-width: 1000px;
    margin: 0 auto;
}

#container a {
    color: #6bb1ad;
}

#header {
    width: 100%;
    height: 150px;
    background-image: url(images/Ponyo-Header.jpg);
    background-size: 100%;
}

#flex {
    display: flex;
}

aside {
    background-color: #e5a9a9;
    width: 200px;
    padding: 20px;
}

main {
    background-color: #ebecdb;
    flex: 1;
    padding: 20px;
    order: 2;
}

#leftSidebar {
    order: 1;
}

#rightSidebar {
    order: 3;
}

#footer {
    background-color: #a7bcbd;
    max-width: 100%;
    height: 40px;
    padding: 10px;
}