/* Plik: cw620p1.css */

* {
	
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
	padding: 0;
}

header {
    background-color: #0078D7;
    color: white;
    text-align: center;
    padding: 20px;
}

main {
    height: calc(100vh - 80px); /* Odejmuje wysokość nagłówka od wysokości obszaru widoku */
    text-align: center; /* Wyrównanie contentu */
    display: block; /* Ustalenie właściwości bloku */
	background-color: #c6ecd9;
}

.content {
    background-color: #f4f4f4;
    padding: 20px;
    border-radius: 8px;
    width: clamp(300px, 50%, 600px); /* Zapewnienie responsywności elementu */
    margin: 20px auto; /* Centruje element w poziomiw */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}