/*tag-styling*/
small {font-size:90%}
a {text-decoration:underline; color:inherit}
a:hover {text-decoration:underline}
@media all and (orientation:landscape) {a {text-decoration:none}}
input[type="checkbox"] {display:none}
input[type="text"] {font-style:italic}
input[type="text"]:focus {font-style:normal}
button {
	cursor:pointer;
	background:none;
	color:inherit;
	border:none;
	padding:0;
	font:inherit;
	outline:inherit
} button:hover {text-decoration:underline}

/*base-styling*/
html {font:16px / 1.5 "Playfair Display", system-ui, sans-serif}
body {background-color:#F0F0F0; background:
	linear-gradient(135deg, #FFFFFF 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
	linear-gradient(225deg, #FFFFFF 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
	background-color:#FFFFFF;
	background-size:64px 128px;
	font-size:18px;
	line-height:1.3em
}
#container {width:100vw}
#content {width:100vw}
#separator {width:100vw; height:12vh}
#name {text-align:center; font-size:2.5em; line-height:130%}
#location {text-align:center; font-size:1.8em; padding-top:0.2em}
#accolades {text-align:center; font-size:1.6em; line-height:120%}

#professional_links {text-align:center; font-size:2em; padding-top:0.5vh}
#professional_links a {color:rgba(40,10,70,0.9); text-decoration:none}

#social_links {text-align:center; font-size:2em; padding-top:6vh}
#social_links a {color:rgba(40,10,70,0.9); text-decoration:none}

#weblog_link {text-align:center; font-size:2em; padding-top: 0.5vh}
#weblog_link a {color:rgba(40,10,70,0.9); text-decoration:none}

.grow:hover {transform:scale(1.3)}
input[type="radio"]:checked+label {
	display:initial;
	float:right;
	text-align:center;
	width:100%
}
input[type="radio"]:not(checked)+label {display:none}

/*conditional-styling*/
/*@media all and (orientation:portrait) {}*/
/*@media all and (orientation:landscapte) {}*/
@media print {
	* {-webkit-print-color-adjust:exact}
	@page {size:portrait/*;margin:0; max-height:100%; max-width:100%*/}
}