main{
    min-width: 300px;
}
header{
    text-align: center;
    margin: auto;
}
body{
    max-width: 70%;
    margin: auto;
}

.flex-body{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

aside{
    border-left: 1px black solid;
    order: 2;
}


aside, main{
    margin-right: 25px;
}

nav ul{
    list-style-type: none;
    display: flex;
    flex-direction: row;
}

aside ul{
            list-style-position: inside;
			list-style-type: none;
            display: flex;
            flex-direction: column;
		}

nav li {
    padding: 10px 12px;
    text-align: center;
}

aside li{
    padding-left: 0px;
    
}

.buttons{
    padding: 10px;
}

a{
    color: black;
}
a:hover{
    text-decoration: none;
}

img{
    margin: 30px auto;
    max-width: 100%;
}


@media screen and (max-width:600px) {
    body{
    max-width: 70%;
    margin: auto;
}
  .flex-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  aside{
    border-left: none;
    border-top: 1px black solid;
    order: 2;
}
}