body {
	    font-family: Arial, sans-serif;
	        background-color: #1e3a5c; /* Sötétkék háttér */
		    color: white;
		        text-align: center;
			    padding-top: 50px;
			      }

			      .container {
				        display: flex;
					  justify-content: center;
					    align-items: center;
					      height: 70vh;
				      }

				      .icon {
					        text-align: center;
						  margin: 0 20px;
						    cursor: pointer;
						      background-color: #153d63; /* Sötétkék ikonháttér */
						        padding: 20px;
							  border-radius: 10px;
							    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Árnyék */
							      transition: transform 0.3s ease;
						      }

						      .icon:hover {
							        transform: translateY(-5px); /* Kicsit felemelkedik a hover hatásra */
							}

							.header {
								    font-size: 24px;
								        margin-bottom: 20px;
									  }

									  .icon img {
										    width: 100px;
										      height: 100px;
										        margin-bottom: 10px;
										}

										.icon p {
											  margin: 0;
											    color: #ffffff; /* Fehér szöveg */
											      font-weight: bold;
										      }