footer{opacity:var(--translucent);padding-top:2rem}#gallery img{width:100%}#gallery-item{align-items:center;display:flex;height:calc(100dvh - var(--body-height-padding) * 2);gap:4rem;img { width: 100%; height: 100%; object-fit: contain; } section { border: .25rem solid lightgray; padding: 1rem; font-size: 1.5rem; #title { font-size: 2rem; } p { margin: 0 0 0.25rem; } }}@media screen and (orientation:portrait){#gallery-item{flex-direction:column}}header{display:flex;justify-content:space-between;align-items:center}body{--body-height-padding:4rem;--translucent:0.3;font-family:raleway,sans-serif;margin:0;padding:0 var(--body-height-padding)}a{color:inherit}nav a{text-decoration:none;font-size:1.5rem;&:hover { opacity:var(--translucent); transition:opacity 0.3s; }}