* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #141414;
			font-family: 'Roboto', sans-serif;
			color: #fff;
        }
		
		body h1 {
			font-family: 'Roboto', sans-serif;
			font-size: 34px;
			font-weight: 600;
			line-height: 1.2;
			margin-bottom: 40px;
		}
		
		body h2 {
			font-family: 'Staatliches', sans-serif;
			font-size: 40px;
			font-weight: 400;
			line-height: 1;
			margin-bottom: 40px;
		}
		
		body h3 {
			font-size: 16px;
			font-weight: 600;
			line-height: 1.1;
		}
		
		body h4 {
			font-size: 16px;
			font-weight: 400;
			line-height: 1.2;
		}
		
		body h5 {
			font-size: 24px;
			font-weight: 600;
			line-height: 1.2;
			margin-bottom: 20px;
		}
		
		body p {
			font-size: 16px;
			font-weight: 400;
			line-height: 1.5;
			margin-bottom: 20px;
		}
		
        .container {
            width: 95%;
            max-width: 900px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            min-height: 100vh;
            position: relative;
        }
        header {
			display: flex;
			justify-content: flex-start;
			padding: 50px 0;
			padding-bottom: 40px;
		}

		header a {
			text-decoration: none;
			font-family: 'Staatliches', sans-serif;
			font-size: 16px;
			font-weight: 400;
			line-height: 1.25;
			color: white;
			transition: color 0.3s ease;
			margin-right: 40px;
		}

		header a:hover {
			color: #888;
		}
		
        .body {
            flex-grow: 1;
            padding: 0 0;
        }
		
		.page-title-column {
			display: flex;
			align-items: center;
			gap: 20px;
			margin-bottom: 40px;
		}

		.page-title-column .icon {
			width: 40px;
			height: 40px;
		}

		.page-title-column .page-title h3 {
			font-family: 'Staatliches', sans-serif;
			font-size: 24px;
			font-weight: 400;
			line-height: 1.25;
			margin: 0;
			padding: 0;
		}
		
        .section {
			margin-top: 0;
            margin-bottom: 40px;
        }
		
		.section:last-child {
			margin-bottom: 180px;
		}
		
		.horizontal-line {
			margin: 0;
			margin-bottom: 40px;
			border: none;
			height: 2px;
			background-color: #AAAAC61F;
			width: 100%;
		}
		
		.title-container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0;
			margin-bottom: 40px;
		}

		.title {
			font-size: 2rem;
			font-weight: bold;
			margin-bottom: 0;
		}

		.buttons {
			display: flex;
			gap: 20px;
		}

		.button {
			text-decoration: none;
			background-color: #66D1FF;
			color: black;
			padding: 0;
			border-radius: 5px;
			font-weight: 700;
			font-size: 14px;
			line-height: 1.2;
			transition: background-color 0.3s;
			min-width: 110px;
			height: 36px;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.button:hover {
			background-color: #fff;
		}
		
		.image-container {
			display: flex;
			justify-content: space-between;
			width: 100%;
			padding: 0;
			margin-bottom: 40px;
			box-sizing: border-box;
		}

		.image-container img {
			width:  31.746%;
			height: auto;
			border: 2px solid #fff;
		}
		
		.image-description-container {
			display: flex;
			align-items: flex-start;
			gap: 40px;
			width: 100%;
			padding: 0;
			margin-bottom: 40px;
			box-sizing: border-box;
		}

		.image-description-container img {
			min-width: 200px;
			width: 23.810%;
			height: auto;
		}
		
		.image-description-container .description {
			width: 65.873%;
			height: auto;
			text-align: left;
		}
		
		.image-label-container {
			display: flex;
			justify-content: space-between;
			width: 100%;
			padding: 0;
			margin-bottom: 40px;
			box-sizing: border-box;
		}

		.image-label-container p {
			width: 31.746%;
			height: auto;
			align: left;
		}


		.two-column-container {
			display: flex;
			justify-content: space-between;
			gap: 20px;
			width: 100%;
			align-items: stretch;
		}

		.rectangle {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: stretch;
			background-color: #202020;
			border-radius: 10px;
			border: 2px solid #303030;
			text-decoration: none;
			color: white;
			flex: 1;
			box-sizing: border-box;
			min-height: 150px;
			padding: 20px;
			transition: background-color 0.3s ease;
			transition: border 0.3s ease;
		}
		
		.rectangle:hover {
			background-color: #404040;
			border: 2px solid #606060;
		}
		
		.rectangle-column {
			display: flex;
			align-items: center;
			gap: 20px;
			margin-bottom: 20px;
		}

		.rectangle-column .icon {
			width: 40px;
			height: 40px;
		}

		.rectangle-column .title h3 {
			font-family: 'Staatliches', sans-serif;
			font-size: 24px;
			font-weight: 400;
			line-height: 1.25;
			margin: 0;
			padding: 0;
		}

		.rectangle p.description {
			font-size: 16px;
			font-family: 'Roboto', sans-serif;
			font-weight: 400;
			color: #fff;
			text-align: left;
			line-height: 1.2;
			margin-top: 0;
			margin-bottom: 0;
		}
		
		.back-to-home {
			display: flex;
			align-items: center;
			margin-bottom: 40px;
			margin-top: 40px;
			gap: 8px;
			text-decoration: none;
			color: white;
			transition: color 0.3s ease;
		}
		
		.back-to-home:hover {
			color: #66D1FF;
		}


		@media (max-width: 850px) {
			.title-container {
				flex-direction: column;
				align-items: flex-start;
			}
			
			.title {
				margin-bottom: 40px;
			}
		
			.buttons {
				flex-direction: row;
				width: 100%;
				justify-content: flex-start;
			}

			.button {
				width: auto;
			}
			
			.image-description-container {
				flex-direction: column;
				align-items: left;
				gap: 20px;
			}

			.image-description-container img {
				width: 200px;
				margin-bottom: 30px;
			}

			.image-description-container .description {
				width: 100%;
				text-align: left;
			}
			
			.two-column-container {
				flex-direction: column;
				gap: 10px;
				margin-bottom: 20px;
				align-items: center;
			}

			.rectangle {
				width: 100%;
				margin-bottom: 10px;
			}
		}

		footer {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			padding: 15px 20px;
			position: absolute;
			bottom: 30px;
			left: 0;
			width: 100%;
			box-sizing: border-box;
			font-size: 16px;
			line-height: 1.2;
		}
		
		.footer-left {
			display: flex;
			flex-direction: column;
			gap: 20px;
		}
		
		.footer-row {
			display: flex;
			align-items: center;
			gap: 8px;
		}
		
		.footer-icon {
			width: 20px;
			height: auto;
			margin-right: 5px;
		}
		
		.footer-left p {
			margin-top: 5px;
			font-size: 16px;
		}
		
		.footer-right {
			display: flex;
			gap: 15px;
			justify-content: flex-end;
			align-items: flex-end;
			margin-bottom: -5px;
		}
		
		.footer-right a img {
			width: 25px;
			height: 25px;
			transition: opacity 0.3s;
		}
		
		.footer-right a:hover img {
			opacity: 0.7;
		}