body{
    padding: 0;
	  box-sizing: border-box;
	  font-family: Helvetica, sans-serif;
    background-image: url("/background.jpg");
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

p, h1, h2, h3, ul{
    color: azure;
  }

#layout{
    display: flex;
    justify-content: center;
}

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

header{
    text-align: center;
    padding: 20px;
}

#sidebar {
    width: 200px;
    padding: 20px;
    margin: 0px 10px 0px;
    order: 1;
    background-image: url("fundo-preto.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: left 400ms ease-in 50ms;
    display: inline-block;
}

ul li{
    padding: 15px;
  }

main {
    flex: 1;
    order: 2;
    min-height: 780px;
    padding: 20px;
    text-align: center;
    background-image: url("fundo-preto.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

footer{
    text-align: center;
    padding: 20px;
}