@import"https://fonts.googleapis.com/css2?family=Poppins&family=Oswald&display=swap";*>*{box-sizing:border-box}html,body{height:100%}body{font-family:Poppins,Arial,sans-serif;background-color:#333;color:#fff;margin:0;display:flex;flex-direction:column;align-items:stretch;font-size:14pt;line-height:1.2}.contained{max-width:600px;width:100%;margin:auto}.contained.smaller{max-width:400px;margin:auto}header{color:#fff;padding:12px 4px;border-bottom:1px solid #a5a5a5}nav{user-select:none}nav a{text-decoration:none}main{max-width:800px;margin:0 auto;padding:20px;flex:1;position:relative;display:flex;flex-direction:column}p{margin-bottom:30px}.gallery{width:100%;display:flex;justify-content:space-between;margin-bottom:40px}.gallery img{width:30%;cursor:pointer;transition:.15s}.gallery img:hover{transform:scale(1.02)}img.focus{position:absolute;top:0;left:0;width:100%;height:100%;padding:10px;object-fit:contain;box-sizing:border-box}a.button{display:block;align-self:center;background-color:#fc9f2b;user-select:none;font-family:Oswald;text-transform:uppercase;text-decoration:none;color:#333;border:none;padding:10px 20px;border-radius:5px;font-size:1.2rem;letter-spacing:.1rem;cursor:pointer;transition:.15s}a.button:hover{transform:scale(1.05)}a.button:active{transform:scale(1)}footer{background-color:#333;color:#fff;text-align:center;padding:10px;border-top:1px solid #a5a5a5;display:flex;justify-content:center}footer ul{list-style:none;padding:0;display:flex;flex-direction:row;gap:20px}footer ul li a{color:#fff;text-decoration:none}@media screen and (max-width: 600px){body{font-size:1rem}.contained{width:100%;padding:0 20px}nav{margin:10px 0}p{font-size:1rem;line-height:1.5rem;margin-bottom:0}.gallery{margin:30px 0}}