<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import "variables.css";
@import "header.css";
@import "footer.css";
@import "button.css";

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	font-family: 'Roboto', sans-serif;
	margin: 0; 
	padding: 0;
}

section{
	max-width: 1200px;
	margin: 0 auto;
	padding: 1rem;
}

.gallery {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 2px;
   padding:0;
   align-items: center;
}

.photo{
   width: 100%;
   aspect-ratio: 1/1;
   object-fit: cover;
   object-position: center;
}


@media(min-width:481px){
   .gallery{
      grid-template-columns: repeat(3, 1fr);
   }
}

@media(min-width:769px){
   .gallery{
      grid-template-columns: repeat(4, 1fr);
   }
   .content{
      min-height: 85vh;
   }
}

.content{
	padding-top:7rem;
}

</pre></body></html>