h1 {
    display: block;
    font-size: 1.7em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h2{
    font-size: 1em;
}

div.block {
    border-left: 1px solid black;
    border-top: 1px solid black;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 20px;
    margin: 20px;
}

div.block2 {
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 20px;
    margin: 20px;
}

body {
	 background-image: url("images/background.webp");
    font-family: serif;
    background-size: cover; 
    font-size: 100%;
    color: black;
}

.zlomekhtml {
			width: 500px;
			height: 730px;
			background: url("images/meme55.jpg") no-repeat;
			display: inline-block;
			}
		.zlomekhtml:hover {
			background: url("images/meme5.jpg") no-repeat;
			}

.javascriptready {
			width: 577px;
			height: 433px;
			background: url("images/meme22.jpg") no-repeat;
			display: inline-block;
			}
		.javascriptready:hover {
			background: url("images/meme2.jpg") no-repeat;
			}

.locallyserver {
			width: 710px;
			height: 500px;
			background: url("images/meme33.jpg") no-repeat;
			display: inline-block;
			}
		.locallyserver:hover {
			background: url("images/meme3.jpg") no-repeat;
			}

.organizefiles {
			width: 503px;
			height: 600px;
			background: url("images/meme44.jpg") no-repeat;
			display: inline-block;
			}
		.organizefiles:hover {
			background: url("images/meme4.jpg") no-repeat;
			}

.organization {
			width: 500px;
			height: 719px;
			background: url("images/meme11.jpg") no-repeat;
			display: inline-block;
			}
		.organization:hover {
			background: url("images/meme1.jpg") no-repeat;
			}