.page-intro {
	text-align: center;
	a { text-decoration: underline; }
	margin-top: 3rem;
	margin-bottom: 1rem;
	font-size: 120%;
}

.nonselect {
   -webkit-user-select: none;
    cursor:not-allowed; /*makes it even more obvious*/
}

.main_wrapper {
    overflow-x: auto;
	width: 98vw;
	margin-left: auto;
	margin-right: 0;
	padding-right: 1vw;
	aside {
		text-align: center;
	}
	.main_upper {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	.main {
		display: flex;
		flex-direction: column;
		min-height: 60vh;
	}
}

.notselectable {
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
} 


@media (min-width: 640px) {
	.main {
		width: 89%;
		margin-left: auto;
		margin-right: auto;
		aside {
			text-align: right;
			min-width: 20%;
			margin-left: 1vw;
		}
		.main_upper {
			flex-direction: row;
			justify-content: space-between;
		}
	}
}