*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}:root{--header-height:80px}header{position:fixed;top:0;left:0;right:0;z-index:10;background-color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--header-height)}header h1{font-size:2em;padding:0;margin:0}header h3{font-size:.8em;margin-top:0;margin-bottom:12px}header .menu-button{position:absolute;right:1em;top:50%;transform:translateY(-50%);padding:0;border:none;background-color:transparent;cursor:pointer}header nav{display:none}header nav.open{display:block;position:absolute;top:100%;left:0;right:0;background-color:#fff;padding:0 20px 20px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:menu-in .2s ease-out}@keyframes menu-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){header nav.open{animation:none}}nav ul{list-style-type:none;padding:0;display:flex;flex-direction:column;row-gap:20px}nav li{list-style:none;padding-top:10px;padding-bottom:10px;font-size:1.5em}nav a{text-decoration:none;color:#000}nav a:hover{text-decoration:underline}.icon{width:1.25em;height:1.25em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-solid{fill:currentColor;stroke:none}.menu-button .icon{width:2.5em;height:2.5em}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#000;color:#fff}.icon-link:hover{text-decoration:none}.icon-mail:hover{background-color:gray}.icon-facebook:hover{background-color:#3b5998}.icon-instagram:hover{background-color:#833ab4;background-image:linear-gradient( to bottom right,#833ab4,#fd1d1d,#fcb045 )}div.content{background-color:#f8f8ff;color:#000;padding-top:var(--header-height)}.content section{padding:20px;scroll-margin-top:var(--header-height)}.content section#Gallery{min-height:100vh}.link-list__item{margin:8px}a{color:#000;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}footer{padding-top:10px;font-size:.8em;text-align:center;color:gray}@media(min-width:768px) and (orientation:landscape){header{position:fixed;margin:0;left:0;right:auto;width:50%;height:100vh}header h1{font-size:4em}header h3{font-size:1.5em}header .menu-button{display:none}header nav{display:block;position:static;padding:0;box-shadow:none}div.content{float:right;width:50%;padding-top:0}.content section{scroll-margin-top:0}}