@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body{
font-family: 'Press Start 2P',monospace,cursive;
line-height: 1.8;
padding: 20px;
}

body::before{
content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("stm32.jpg");
    background-size: cover;       /* Rozciąga obrazek na cały ekran */
    background-position: center;
    opacity: 0.7;                 /* Tutaj sterujesz przejrzystością SAMORODNEGO tła (np. 0.3 = 30%) */
    z-index: -1;
}

header{
background-color: #ffffff;
box-shadow: 6px 6px 0px #000000; /* Pikselowy czarny cień */
color: #000000;
margin-bottom:40px;

display: flex;
justify-content: left;
padding:20px 15px;
}

section{
position:relative;
z-index:1;

background-color: #ffffff;
box-shadow: 6px 6px 0px #000000; /* Pikselowy czarny cień */
color: #000000;
    
margin-bottom:40px;
padding: 10px 15px;

width:fit-content;
}

section:last-child{
	margin-bottom: 0;
}