:root, .darkable, .light { background: white; color: black; }
@media screen and ( prefers-color-scheme: dark ) { :root, .darkable { background: #202124; color: #EDEFF2; } }
body { margin: 0; /* color: black; background: white; */ font-family: roboto, sans-serif; }

header h1 { margin: 0; font-size: 3em; }

.signin {
	box-sizing: border-box;
	
	background: white;
	color: hsla(0,0%,0%,.54);
	user-select: none;
	font-weight: 500;
	padding: 11px 8px;
	text-decoration: none;
	text-align:center;
	display:block;
	border-radius:3px;
	
	box-shadow: 0 0 1px hsla(210, 2%, 50%, .8);
	
}
.signin.baseline { margin-top: -25.5px; }
/*.signin:active { background:#eee; color: hsla(0,0%,0%,.54); }*/
.signin:hover { box-shadow: 0 0 0  1px hsl(208, 100%, 37%);}
.signin:hover:not(:active) { color: hsl(208, 100%, 37%); }
.signin>img { width: 18px; height: 18px; margin-right: 7px; float: left; }
.signin>span { font-size:14px;line-height:19px;height:18px;display:block; }

#head-center, #head-center-backup { font-family: 'Roboto Slab', monospaced; }
#head-center-backup { display: none; }
@media ( max-width: 49em ) { #head-center { display: none; } #head-center-backup { display: inline-block; } }
/**/

.fadeup-txt { opacity: 0; position: relative; transform: translateY(.5em); display: inline-block; visibility: hidden; }
.fadeup-txt.reverse { transform: translateY(-.5em); }
.fadeup-txt.blue { text-shadow: 0 0 3px white; }
.fadeup-txt.yellow { text-shadow: 0 0 14px white; }
@media ( min-aspect-ratio: 139/100 ) { #fadeup-extra-word { display: none; } }
@media ( max-aspect-ratio: 1181/1000 ) { #fadeup-extra-word { display: none; } }

#homeimmerse { min-height:100vh;overflow:hidden;position:relative; border-bottom: solid 1px #eee; color: black; }
#homeimmerse { background: linear-gradient(hsla(208, 100%, 80%, .6), hsla(208, 100%, 90%, 0), hsla(208, 100%, 100%, .8)); } @media screen and ( prefers-color-scheme: dark ) { #homeimmerse { background: linear-gradient(hsla(208, 100%, 90%, .9), hsla(208, 100%, 90%, .4), hsla(208, 100%, 100%, .4)); } }
#homeimmerse-bg { background: #CAD5E6 url(/,res/capitol-white.jpg) center center; background-size: cover; box-shadow: 0 -0.5em 2em -0.1em hsl(208, 100%, 100%), 0 0 0 9999px hsla(208, 100%, 100%, .3) inset;position:absolute;bottom:0;width:100%;z-index:-1; top: 0; }
#homeimmerse-bg[data-is-home] { visibility: hidden; opacity:0; top: -10%; transform: translateY(9.090909090909091%); transition:opacity 500ms, transform 500ms; }

#homeimmerseContent { font-family:Inter,Roboto,sans-serif;font-size:6vh;padding:0 5%;text-align:center; line-height: 1.3; }
@media ( max-aspect-ratio: 99/100 ) { #homeimmerseContent { font-size:5.4vh; } }
@media ( max-aspect-ratio: 81/100 ) { #homeimmerseContent { font-size:5vh; } }
@media ( max-aspect-ratio: 69/100 ) { #homeimmerseContent { font-size:4.6vh; } }

#homeoverSpace { height: 15.2vh; }
#homeover { margin-bottom: -15.2vh; transition: opacity 600ms, transform 500ms ease-out; opacity: 0; visibility: hidden; }
#homeover>div { transition: margin 300ms, font-size 300ms, transform 300ms; transition-delay: 500ms; border-radius: 1em;box-shadow:0 0 .3em hsla(0,0%,0%,.2); }
#homeover[data-show] { transform: translateY(-15.2vh); opacity: 1; visibility: visible }
#homeover:not([data-show])>div { margin: 0 -1%; font-size: 1.02em; transform: translateY(-2vh);  }

h2 { font-family: Itim, cursive; }

h3 { font-family: Roboto Condensed; font-weight: 500; margin: 0; font-size: 1.4em; }

.buttoni { display: inline-block; }
.buttoni>svg { width: 4em; height: 4em; }

#head-center-backup { margin-top: .8em; border-top: solid 1px hsla(208, 100%, 43%, .4); padding: .2em .4em; min-width: 80%; }

/* colors */
.red, .light .red { color: hsl(345, 100%, 40%); } @media screen and ( prefers-color-scheme: dark ) { .red { color: hsl(345, 100%, 50%); } }
a, .blue, .light a, .light .blue { color: hsl(208, 100%, 37%); } @media screen and ( prefers-color-scheme: dark ) { a, .blue { color: hsl(208, 100%, 70%); } }
a:active, .green, .light a:active, .light .green { color: hsl(108, 82%, 37%); } @media screen and ( prefers-color-scheme: dark ) { a:active, .green { color: hsl(108, 82%, 42%); } }
.yellow { color: hsl(44, 100%, 42%); }
/*.green { color: hsl(108, 82%, 35%); }*/
.gray { color: #888; }

/*===*/


a:not(:hover) { text-decoration: none; }
table { border-collapse: collapse; }
td { padding: 0; text-align: inherit; }
a img { border: 0; }

header { overflow: hidden; border-bottom: solid 1px hsla(208, 100%, 43%, .4); margin: 0; font-weight: normal; text-align: center; }
h1 { font-weight: normal; font-size: 2.2em; }

header.immerse .logo { text-shadow: 0 0 .25em white, 0 0 .25em white; }
header.immerse .logo>:nth-child(2) { text-shadow: 0 0 .2em white, 0 0 .2em white, 0 0 .2em white, 0 0 .2em white, 0 0 .2em white; }

h2 { font-weight: normal; }

@media ( max-width: 43em ) { #homeover td { display: block; width: 100% !important; } }

/*h3:first-child { margin-top: 0; }*/

/*****/

/*@media screen { #outer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; /*creates independant, easily measurable scrollview* / } }*/

/* push footer to bottom on screen and print */
html, body, #outer { height: 100%; }
#fillin { min-height: 100%; position: relative; }
#fillin>header { }
#fillin>footer { position: absolute; left: 0; bottom: 0; width: 100%; }

#fillin>div:last-of-type { padding-bottom: 3.3em; position: relative; }
#fillin>div:last-of-type::after { content: ""; display: block; position: absolute; top: 100%; height: .6em; width: 1px; }
#fillin>footer { font-size: .9em; line-height: 2em; padding: .5em 0 1em; }

footer { text-align: center; }
footer a { margin: 0 1em; display: inline-block; }
footer a.logo { margin: 0 0 0 .2em; }
@media ( max-width: 28em ) { footer a { margin: 0 .4em; } }
@media ( max-width: 25em ) { footer a.logo { display: none; } }

.dwidth { margin: 0 auto; width: 770px; min-width: 70%; max-width: 94%; box-sizing: border-box; }



input, select, textarea { margin: 0; font-family: inherit; padding: 2px; border: solid 1px #aaa; border-radius: 4px; font-size: inherit; }

label, label input { cursor: pointer; }

[readonly], [disabled] { background: hsla(120, 10%, 50%, .1); border-color: transparent; }
option[disabled] { background: white; color: #888; }

.gobox.media-narrow { min-width: 10em; margin: 1em; } /* match congressperson */
.congressperson { display: inline-block; min-width: 10em; min-height: 9em; margin: 1em; white-space: nowrap; text-align: center; }
.congressperson>img { border-radius: 12px; border: solid 1px; margin-bottom: .5em }
#congresspeople .gobox { margin: 1em; }

.ib .gobox { margin: 2em; }
.gobox { display: inline-block; min-width: 6em; min-height: 5em; margin: 6%; white-space: nowrap; text-align: center; }
.gobox>.material-icons { font-size: 3em; margin-bottom: 10%; }

.media-narrow { display: none; }
@media ( max-width: 660px ) {
	.media-wide { display: none; }
	.media-narrow { display: inline-block; }

	.gobox.media-narrow, .congressperson { min-width: 9em; margin: .5em; }
}
@media ( max-width: 660px ) {
	.media-wide { display: none; }
	.media-narrow { display: inline-block; }

	.gobox.media-narrow, .congressperson { min-width: 9em; margin: .5em; }
}



/*big-head-button*/

.big-head-button { display: inline-block; /*min-width: 6em; */margin: .3em 1em 0; white-space: nowrap; text-align: center; }
.big-head-button { text-decoration: none; text-shadow: 0 0 3px hsl(208, 100%, 85%), 0 0 3px hsl(208, 100%, 85%), 0 0 3px hsl(208, 100%, 85%), 0 0 3px hsl(208, 100%, 85%), 0 0 3px hsl(208, 100%, 85%); }
.big-head-button>.material-icons { font-size: 2em; margin-bottom: .3em; text-shadow: 0 0 2px hsl(208, 100%, 37%), 0 0 2px hsl(208, 100%, 37%), 0 0 2px hsl(208, 100%, 37%), 0 0 2px hsl(208, 100%, 37%), 0 0 2px hsl(208, 100%, 37%); color: white; }
.big-head-button:active>.material-icons { text-shadow: 0 0 2px hsl(108, 82%, 37%), 0 0 2px hsl(108, 82%, 37%), 0 0 2px hsl(108, 82%, 37%), 0 0 2px hsl(108, 82%, 37%), 0 0 2px hsl(108, 82%, 37%); color: white; }
/*.big-head-button:not(:active) { color: white; }*/
/*.big-head-button a { color: white; }*/

header .signin { background: white; }

/*@media ( min-width: 430px ) {*/
/*	header.home { font-size: 1.1em; }*/
/*}*/
/**/
/*@media ( max-width: 474px ) {*/
/*	.big-head-button#home { display: none; }*/
/*}*/
/**/
/*.big-head-button .short { display: none; }*/
/*@media ( max-width: 620px ) {*/
/*	.big-head-button .long { display: none; }*/
/*	.big-head-button .short { display: block; }*/
/*}*/
/**/
/*@media ( max-width: 392px ) {*/
/*	.big-head-button:not(#home) { display: none; }*/
/*	.big-head-button#home { display: block; }*/
/*	header.home .big-head-button:not(#email-me) { display: none; }*/
/*	header.home .big-head-button#email-me { display: block; }*/
/*}*/
/**/
/*@media ( max-width: 700px ) {*/
/*	header #stamp { display: none; }*/
/*}*/

.immersed-button { background: white; } 
.immersed-button.media-narrow { min-width: 10em; margin: 1em; } /* match congressperson */

.immersed-button { display: inline-block; min-width: 6em; min-height: 5em; margin: 6%; white-space: nowrap; text-align: center; }
.immersed-button>.material-icons { font-size: 3em; margin-bottom: 10%; }
/*.immersed-button a { color: white; }*/

/*.media-narrow { display: none; }*/
/*@media ( max-width: 660px ) {*/
/*	.media-wide { display: none; }*/
/*	.media-narrow { display: inline-block; }*/
/**/
/*	.immersed-button.media-narrow, .congressperson { min-width: 9em; margin: .5em; }*/
/*}*/
/*@media ( max-width: 660px ) {*/
/*	.media-wide { display: none; }*/
/*	.media-narrow { display: inline-block; }*/
/**/
/*	.immersed-button.media-narrow, .congressperson { min-width: 9em; margin: .5em; }*/
/*}*/


em { font-style: inherit; }
.aleft { text-align: left; }
.j { text-align: justify; }
.center { text-align: center; }
.ib { display: inline-block; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.lineless { text-decoration: none; }
small, .small { font-size: .85em; }


.congressperson>img { border-color: hsl(208, 100%, 43%, .6); box-shadow: 0 0 3px hsla(0, 0%, 0%, 1); }

::selection { background: hsla(208, 100%, 50%, .3); }
::-moz-selection { background: hsla(208, 100%, 50%, .3); }

header { background: hsl(208, 100%, 85%); box-shadow: 0 1em 2em -1em hsl(208, 100%, 43%) inset; }

.peopleframe { border-radius: 12px; border: solid 1px hsl(208, 100%, 43%, .6); box-shadow: 0 0 3px hsla(0, 0%, 0%, 1); }

.framed { border-radius: 4px; border: solid 1px hsl(208, 100%, 43%, 1); box-shadow: 1px 2px 3px hsla(0, 0%, 0%, .2) }
/*header.immerse { background: hsla(208, 100%, 90%, .4); }*/

button { background: hsl(108, 82%, 37%); background-image: linear-gradient(to bottom, hsl(108, 82%, 50%) 0%, hsla(108, 82%, 37%, 0) 50%, hsl(108, 82%, 20%) 100%); background-origin: border-box; }

button[data-indicator], button:active { background-image: none; }

button { margin: 0; border: .2em solid; border-color: rgba(255,255,255,.3) rgba(0,0,0,.2) rgba(0,0,0,.3) rgba(255,255,255,.2); padding: .1em .4em; font-family: inherit; font-size: inherit; color: white; cursor: pointer; font-weight: bold; border-radius: 1em; transition: all 500ms; }
button:hover { color: yellow; transition: all 300ms; }
button:active { color: #dd0; border-color: transparent; transition: all 200ms; }
button::-moz-focus-inner { margin: -1px; padding: 0; border-width: 1px; }
button[data-indicator=hold] { color: #666; background: #ccc; border-color: transparent; cursor: default; }
button[data-indicator=thanks] { color: #080; background: #cea; border-color: transparent; cursor: default; transition: all 100ms; }
button[data-indicator=confirm] { color: #0079d4; background: #ace; border-color: #0079d4; cursor: default; }
button[data-indicator=whoops] { color: #800; background: #eca; border-color: transparent; cursor: default; transition: none; }
button[disabled] { color: #666; background: #ccc; border-color: #ddd #bbb #bbb #ddd; cursor: default; }

.emailLink { visibility: hidden; }

.material-icons { text-decoration: none; user-select: none; font-size: 1.2em; position: relative; top: .2em; }

h1 .material-icons { float: left; margin-top: .1em; margin-right: .5em; font-size: 1em; top: 0; }

.paper { width: 7in; font-size: 12pt; }
.paper>:first-child { margin-top: 0; }

p.i { text-indent: 2em; margin: 0; min-height: 1em; }
p.i>* { text-indent: 0 }

/*iframe. { background: #eee; }*/
/*@media ( min-width: 1000px ) { iframe.video { width: 900px; height: 506.25px; max-width: 100%; } }*/

div.video { /*overflow: hidden;*/ /*background: hsl(183, 91%, 91%); box-shadow: 0 1em 3em -1.5em hsl(183, 91%, 43%) inset;*/ text-align: center; line-height: 0; }
/*div.video>iframe.video { box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .5); /*outset* / }*/
iframe.video { background: #eee; box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .5) inset; max-width: 100%; }
/*@media ( min-width: 500px ) { iframe.video { width: 602px; height: 338.625px; } }*/
/*@media ( min-width: 655px ) { iframe.video { width: 728px; height: 409.5px; } }*/
iframe.video { width: 760px; height: 427.5px; }
@media ( max-width: 815px ) { iframe.video { width: 88vw; height: 49.5vw; } }
@media ( min-width: 1139px ) { iframe.video { width: 67vw; height: 37.6875vw; } }


tr { vertical-align: top; } 

#vidlogos>a { font-size: 2.5vw; display: inline-block; font-family: 'Roboto Condensed'; min-width: 3em; padding: 0 .3em; font-weight: 300; }
#vidlogos>a>img { width: 2em; height: 2em; }

@media ( max-width: 1000px ) { #vidlogos>a { font-size: 3.15vw; } }

ol.theInstructions>li { margin: .4em 0 }