<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
	}
body::-webkit-scrollbar-thumb {
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	min-height:48px;
	background-color: #bd352f;
	}
.container	{
	margin-right: 0;
	padding-right: 0; }
.container.events { }
.events h2	{
	margin-top: 2.5em;
	max-width: 100%;
	font-size: 44px;
	letter-spacing: -2pt;
	color: #b22222;
	font-weight: 100;
	font-variant: small-caps;
	line-height: 1em;
	text-align: right;

	   -moz-border-top-left-radius: 1.5em;
	-webkit-border-top-left-radius: 1.5em;
	        border-top-left-radius: 1.5em;
	   -moz-border-bottom-left-radius: 1.5em;
	-webkit-border-bottom-left-radius: 1.5em;
	        border-bottom-left-radius: 1.5em;
	        
	   -moz-border-top-right-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	        border-top-right-radius: 0.5em;
	   -moz-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	        border-bottom-right-radius: 0.5em;

	background-color: #cacfdb;
	background-image: url(../_media/cover/uxhh-flow-h2.jpg);
	background-position: 50% 0;
	background-size: cover;
	text-transform: capitalize;
	min-height: 50px;
	padding-top: 1em;
	padding-right: 15px; }

.main .mod {
	max-width: 90%;
	padding-right: 50px; }
.main .mod img {
	float: right; }

.portrait,  .events h2 img {
	-webkit-box-shadow: 1px 1px 6px #999;
	-moz-box-shadow: 1px 1px 6px #999;
	box-shadow: 1px 1px 6px #999;
	}

 .events h2 img, .events .portrait	{
	margin-top: -48px;
	margin-left:-22px;
	}

.events h2 img, .events h3 img {
	position: relative;
	float: left;
	}

.events h2:nth-of-type(2n) a { color: #324082; } 
.events h2:nth-of-type(2n+1) a { color: #b22222; }
.events h2 a:hover { color: #b22222; background-color: transparent }
h2 {
	clear: both; }
blockquote:first-child { font-size: 116%; margin-bottom: 33px }


/* narrow */
@media screen and (max-width: 800px)
{
	.main .mod {
		max-width: 100%;
		padding-right: 0px;
		}
	.portrait, .events h2 img, .events .portrait {
		clear:both;
		margin-bottom: 22px;
		}
	.main .mod img {
		margin-left: 0;
		}
}

/* iPhone */
@media only screen and (max-device-width: 640px)
{
	.main .events h2 {
		font-size: 28px;
		font-weight: 400;
		letter-spacing: -1px;
		min-height: 32px; }
}
	
.events h3, .figure {
	letter-spacing: -1px;
	padding-right: 15px; }
</pre></body></html>