body{
	font-family: 'SourceCodeProRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	margin: 20px; }

.title{
	margin: auto; 
	font-size: 3em; }

h2{
    font-size: 1.35em;
    color; #202329; 
    font-weight: lighter; }

.container{
    max-width: 960px;
    margin: auto; }

		
.logo{
	max-width: 100%;
	display: block;
	margin: auto; }
	
a{
	color: inherit;
	text-decoration: none; }
	
.letterhead-title{
	margin-top: auto;
	margin-bottom: auto; }
	
.steps-title{
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 40px;
	font-style: normal;
	color: #015249; }

.steps{
	color: #48a47d;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 10px; }
	
.link-box{
	max-width: 300px;
	text-align: center; 
	margin: auto; }
	
.link-button{
	background-color: #015249;
	color: white;
	padding: 10px; }
		
.caption{
	font-size: 0.8em;
	margin-top: 1px;
	margin-bottom: 1px;
	font-style: italic; }

.accent-text{
	color: #77c9d4;
	font-weight: bold;
	font-style: normal; }	
	
.invite-code{
	font-family: 'FantasqueSansMonoRegular';
	font-style: normal;
	font-weight: lighter;
	font-size: 1.1em;
	line-height: 1.3em; }

.gif{ 
	max-width: 600px; 
	display: block;
	margin: auto; 
	margin-top: 40px;
	margin-bottom: 40px;
	-webkit-filter: drop-shadow(2px 2px 2px #a5a5af);
    filter: drop-shadow(2px 2px 2px #a5a5af); }
    
.closer{
	margin-top: 10px;
}

.closing-remarks{
	margin-top: 60px;
	margin-bottom: 60px; }