#container {
    margin: auto;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 100px;
}

.p {
    margin-bottom: 20px;
    text-align: center;
    font-size: 22px;
}

a {
	text-decoration: none;
	color: #f5f5f5; /*#0a2b00*/
	transition: text-shadow 0.3s ease;
}

a:visited {
	text-decoration: none;
	color: #f5f5f5; /*#0a2b00*/
}

a:hover {
	text-decoration: none;
  	text-shadow: 5px 4px 5px #d2bdff;
}

@media all and (max-width: 625px) {
    #container {
        flex-flow: column;
    }
}