<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* @media screen and (max-width:884px){} */

header &gt; div {
	grid-template-rows: 32px 32px 1fr 64px;
	grid-template-columns: 32px 1fr 32px;
	justify-items: start;
}
header &gt; div &gt; div &gt; h1{
	font-size:260%;
}
#menu &gt; li {
	margin-top: 18px;
}
#menu &gt; li:nth-of-type(1) &gt; a {
	width: 136px;
	height: 72px;
	background-size: 136px;
}
#menu &gt; li &gt; a &gt; i {
	top:23px;
	left:215px;
}
#mobileMenu {
	top: 22px;
}
nav{
	width:calc(100% - 64px);
	padding:16px 32px;
}/* @media screen and (max-width:884px){} */

section{
	width:calc(100% - 64px);
	padding:0 32px 48px;
}
section &gt; figure {
	width: 45%;
}
section &gt; h2{
	width: 52%;
}
section &gt; p{
	width: 52%;
}
section &gt; article.contentHeader {
	width: 52%;
}
section &gt; article &gt; div.imageAlbum{
	width:100%;
}
section &gt; article &gt; div.imageAlbum &gt; div{
	width:calc((100% - 25px)/ 2);
}
section &gt; article &gt; div.videoAlbum{
	width:100%;
}
section &gt; article &gt; div.videoAlbum &gt; div{
	width:calc((100% - 25px)/ 2);
}/* @media screen and (max-width:884px){} */

aside &gt; div{
	width:calc(100% - 64px);
	padding:48px 32px;
}
aside &gt; div &gt; div &gt; div{
	width:calc((100% - 24px) / 2);
}
aside &gt; div &gt; div &gt; div:nth-child(2n+1){
	margin-left:0;
}/* @media screen and (max-width:884px){} */

footer &gt; div {
	width:calc(100% - 64px);
	padding: 48px 32px;
}</pre></body></html>