@charset "UTF-8";
/* zmiana metody ustalania wielkości elementów na border box */

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}

/* style dla różnych elementów strukturalnych */

html {
background-color: gray;
}

body {
background-color: White;
    color: #111111;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    min-width: 256px;
}

header {
background-color: #f45556;
}

nav {
background-color: #ffcab68;
}

article {
background-color: #ffd239;
}

section {
background-color: #88bb75;
}

aside {
background-color: #1eaddf;
}

footer {
background-color: #ba99c0;
}

img.small {
    height: 200px;
}
img.medium {
    max-width: 360px;
    width: 50%;
}
img.large {
    width: 100%;
}