<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
/* Reset: */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p{
	padding-bottom:1em;
}
img{
	width:100%;
	height:auto;	
}
/* ---------------------- */
#wrapper{
	max-width:960px;
	margin:0 auto;
	font-family:Raleway, sans-serif;
    font-size:0.9em;
}
header{
	text-align:center;
	color:#003399;	
}
header p{
	font-size:1.5em;	
}
article{
    padding:0 2%;
}
section{
	margin:2em auto;
    display:grid;
    grid-column-gap: 2%;
}
section:first-child{
    grid-template-columns: repeat(2, 1fr);
}
section:nth-child(2){
    grid-template-columns: repeat(3, 1fr);
}
nav{
	border-top:solid 1px #003399;
	border-bottom:solid 1px #003399;
	padding:1em 0;
	text-align:center;	
	margin:0 1% 1em;
}
nav ul{
    list-style-type: none;
    display:flex;
    justify-content:space-around;
    flex-direction: row;
}
nav a{
	text-decoration:none;
	color:#003399;
}
#burger{
	font-size:3em;
	display:none;
	cursor:pointer;
}
@media screen and (max-width:480px){
	/* for burger menu: */
	header{
		display:flex;
		justify-content:space-between;
		text-align:left;
		padding:0 1%;
		width:98%;
		margin:0 auto;
	}
	header p{
		padding-bottom:0.3em;
	}
	#burger{
		margin:auto 0 auto auto;
		display:block;
		cursor:pointer;
	}
    nav{
        padding:0.2em;
    }
	nav ul{
		display:none;
        flex-direction: column;
	}
	nav li{
		padding:0.5em 0;
        font-size:1.5rem;
	}
    section:first-child{
        grid-template: repeat(2, 1fr) / 1fr ;
    }
    section:nth-child(2){
        grid-template: repeat(3, 1fr) / 1fr ;
    }
}</pre></body></html>