div.tiles {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

div.tiles p {
    color: var(--darkGray);
}

div.tiles > div {
    width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
    margin-right: 30px;
}

div.tiles > div > * {
    margin-left: 0;
    margin-right: 0;
}

div.tiles > div > i {
    font-size: 30px;
    color: var(--avocado);
    transition: var(--normalTransition);
}

div.tiles > div:hover > i,
div.tiles > div:hover > h3 {
    color: var(--poppy);
}