@charset "UTF-8";

/* CREATE errors :root FOR ELEMENTS BELOW ? */

.error main > .content-topper {
	height: 37.5rem;
}


.error #add-content-container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-self: center;
    text-align: center;
    margin: 2em 0 0 0;
    font-size: var(--increased-font-size);
}

.error #add-content-container > p {
	margin-bottom: 1em;
}

.error #add-content-container #links-container {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-self: center;
}

.error #add-content-container #links-container > a {
	white-space: nowrap;
	min-width: 16rem;
	margin: .2em 0;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
	.error main .content-topper h1 {
		font-size: 2.5rem;
		letter-spacing: .05em;
	}
	.error main .content-topper h2 {
		letter-spacing: .02em;
		font-size: var(--larger-font-size);
	}
}