.container {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content max-content max-content max-content;
	grid-auto-rows: max-content;
	gap: 5px 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"header"
		"current"
		"description"
		"links"
		"sidebar";
}


.picture {
	height: 200px;
	width: 200px;
	float: right;
	margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
}
@media (min-width: 600px) {
	.container {
		display: grid;
		grid-auto-rows: max-content;
		grid-template-columns: 1fr 230px;
		grid-template-rows: max-content max-content max-content max-content;
		gap: 5px 0px;
		grid-template-areas:
			"header header"
			"current sidebar"
			"description sidebar"
			"links sidebar";
	}
	.picture {
		height: 200px;
		width: 200px;
	}
	.sidebar{
		margin-left: 5px;
    	margin-right: 5px;
	}
	.referrals TR{
		height: 1em !important;
	}
	.tweets A{
		height: 1em !important;
		display: inline !important;
	}
}

.referrals TR{
	height: 1.8em;
}

.tweets A{
		height: 1.8em;
		display: inline-block;
}

.header { grid-area: header; }

.header H1{
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 4em;
}

.current { grid-area: current; }

.description { grid-area: description; }

.internal_links { grid-area: links; }

.sidebar { 
	grid-area: sidebar; 
	padding-right: 5px;
    padding-left: 5px !important;
}


.description p{
	margin: 20px;
}
.current ul{
	list-style-type: none;
}
.at{
	text-align: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.pooh {
	height: 100%;
	border-radius: 10%;
}
body{
	font-family: 'Source Sans Pro', sans-serif;
	font-style : normal;
	color: #e5effa;
	background-color: #161413;
	font-size: 18px;
}
H1 {
	margin-block-start: 0px;
	margin-block-end: 0px;
	font-weight : bolder;
	font-size : xx-large;
	padding-bottom : 5px;
	text-align: center;
	color : #AE9E98;
}

H2 {
	margin-block-start: 0px;
	margin-block-end: 0px;
	font-weight : bold;
	font-size : large;
	padding-bottom : 5px;
	color : #AE9E98;
}
.sub_header {
	margin-block-start: 0px;
	margin-block-end: 0px;
	font-weight : bold;
	text-align: center;
	padding-bottom : 5px;
	color : #e5effa;
	display: block;
}
.social_logo{
	height: 1em;
	width: 1em;
	vertical-align:middle;
}
.social_links{
	color: #e5effa;
	list-style-type: none;
}
a{
	color: #e5effa;
	text-decoration-thickness: 1px;
	text-decoration-color: #AE9E98;
	text-underline-offset: 2px;
	text-decoration-skip-ink: all;
}
blockquote p{
	color : #AE9E98;
	margin: 5px !important;
}
blockquote {
	display: block;
	margin-block-start: .5em;
	margin-block-end: .5em;
 }
/* Old man noises*/

.omn_container{
	width: 100%;
	height: 100%;
}
.omn{
	margin-top: 10%;
	text-align: center;
	font-size: 10vw;
}
.omn h1{
	font-size: 12vw;
}
.ski{
	margin-top: 10%;

}
.ski_twitter{
	width: 50%;
	margin: auto;
}
.ski h1{
	font-size: 12vw;
	text-align: center;
	text-shadow: 0 0 20px #FEFCC9, 10px -10px 30px #FEEC85, -20px -20px 40px #FFAE34, 20px -40px 50px #EC760C, -20px -60px 60px #CD4606, 0 -80px 70px #973716, 10px -90px 80px #451B0E;
	text-transform: uppercase;
	text-decoration : none;
	margin: 10px;

}

.roundedCorner
{
	border: solid 1px #AE9E98d4;
    box-shadow: 5px 5px 2px #AE9E9833;
    border-radius: 25px;
    padding-left: 20px;
    padding-top: 5px;
    margin-bottom: 5px;
}


.referrals{
	float: left;
	width: min-content;
	padding: 1% 1% 1% 1%;
}

.tweets{
	float: left;
	width: 48%;
	padding: 1% 1% 1% 1%;
}
#map {
	background-color: transparent;
	font-family: sans-serif;
	font-style: normal;
	color: #000;
	height: 94vh;
	grid-row-start: 2;
		grid-column-start: 1;
		grid-row-end: 3;
		grid-column-end: 2;
}

.card-text{
	line-height: 1.8em;
	margin: 1em;
	text-align: center;
}

.vcard{
    background-image: url(/graphics/cardstock.webp);
    margin: 5px;
    box-shadow: 5px 5px 2px #AE9E9833;
    width: max-content;
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 25px;
}