html, body {
	height: 100%;
}
*,
*:before,
*:after {
	-webkit-transition: all 0.25s 0s ease-in;
	-moz-transition: all 0.25s 0s ease-in;
	-o-transition: all 0.25s 0s ease-in;
	transition: all 0.25s 0s ease-in;
}
body {
	background-color: #fff;
	background: radial-gradient(circle at center, #fff 0%, #f8f8f8 75%, #ebebeb 100%);
	background: radial-gradient(circle at center, #fff 0%, #dbd4d4 75%, #ebebeb 100%);
	color: #222;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
	font-size: 1rem;
	/* line-height: 1.5; */
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

quote {
	text-decoration: ita
}

main {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	text-align: left;
	gap: 1rem;
	max-width: 500px;
}


h1 {
	font-size: 1rem;
	line-height: 110%;
	margin: 0;
}

h1, h2, h3, h4, body {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

p {
	margin: 1rem 0 0 0;
}

.right{
	text-align: right;
}

.flag {
	aspect-ratio: 3/2;
	max-width: 100%;
	background-size: contain;
	background-repeat:no-repeat;
    background-position: center;
}

.az-flag {
	background-image: url("img/arizona_flag.svg");
	aspect-ratio: 3/2;
	width: 50%;
	margin: auto;
}

.logo-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
	gap: 5%;
    align-items: stretch;
}
.logo {
	aspect-ratio: 1;
	background-size: contain;
	background-repeat:no-repeat;
    background-position: center;
}

.arizona-state-university{
	background-image: url('img/arizona-state-university-logo.svg');
}
.northern-arizona-university{
	background-image: url('img/northern-arizona-university-logo.svg');  
}
.university-of-arizona{
	background-image: url('img/university-of-arizona-logo.svg');
}

a.school-container,
.school-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
	flex: auto;
	color: inherit;
	text-decoration:inherit;
}
a.school-container:after {
	content:"See More";
    text-align: center;
    font-size: 90%;
    color: blue;
    text-decoration: underline;
}
a.school-container:hover:after {
    color: red;
	font-weight: bold;
}

.tuition:before{
	content:"Tuition: ";
	font-weight: bold;
}
.tuition:after{
	content:"/yr";
	/* font-weight: bold; */
}