body{

    font-family: helvetica;

   

    min-width: 830px;

    min-height: 94vh;

    background: linear-gradient(24deg, #AAA, #CCC);

    background-image: url("background.webp");

    background-size: cover;



}

h1{
    appearance: none;
}

main{

    width: calc( 70% + 16px );

    border: 2px black outset;

    background: linear-gradient(32deg, #AAAAAACC, #DDDDDDCC);

    margin: auto;

    margin-top: 5%;

    height: fit-content;

    border-radius: 6px;

}

header{

    text-align: center;

    font-size: 200%;

    font-weight: bold;

}

header, article, footer, aside{

    width: calc(100% - 16px);

    height: fit-content;

    border-bottom: 1px white solid;

    padding: 8px;

}

footer{

    border-top: 1px white solid;

    text-align: center;

    clear: both;

    border-bottom: 0;

}



section{

    width: 100%;

    padding: 8px;

}





aside{

    float: right;

    width: 25%;

    position: relative;

    bottom: 8px;

    right: 8px;

    border: 1px white solid;

    border-right: none;

    border-top: none;

    min-width: 320px;

    background: linear-gradient(180deg, #AAAAAA, #999999);

}

#zdjecie{

    width: 228px;

    border: 4px gray outset;

}

p{

    font-size: 14px;

    padding: 0;

    margin: 0;

}

h5{

    margin: 2px;

}