@font-face {
	font-family: "Louis George Cafe";
	src: url('/extinction/louis_george_cafe.ttf');
}

*{
    transition: 0.25s;
	font-family: 'Louis George Cafe', sans-serif;
}

html, body{
	margin: 0;
	padding: 0;
	font-family: Arial;
	background: rgb(0, 2, 0);
	color: var(--white);
	font-family: 'Louis George Cafe', sans-serif;
    margin-bottom: 1rem;
}

h1{
    margin-top: 4rem;
}

h1, h2{
    width: 90%;
    text-align: center;
    padding: 0 5%;
}

#text {
    text-align: center;
    padding: 1rem;
}

#gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 2rem;
}
@media (max-width: 1110px) {
    #gallery { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 662px) {
    #gallery { grid-template-columns: 1fr; }
}

#gallery img {
    margin: auto;
    width: 90%;
    height: auto;
}