*{box-sizing:border-box;padding:0;margin:0}img{border-radius:.5rem;object-fit:cover;width:100%;height:100%;vertical-align:middle}body{width:100%;background-color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:.8rem}@media (min-width: 768px){body{font-size:1rem}}@media (min-width: 1024px){body{font-size:1.3rem}}#root{max-width:65rem;color:var(--text);font-family:var(--font-family, "century-gothic"),sans-serif;margin:2rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}ul{list-style:none}footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:2rem}.socials{display:flex;flex-direction:row;margin-right:1rem;flex-wrap:wrap}.socials svg{color:var(--base);width:1.5rem;height:1.5rem;margin:.5rem}@media (min-width: 768px){.socials svg{width:1.75rem;height:1.75rem}}@media (min-width: 1024){.socials svg{width:2rem;height:2rem}}.socials svg:hover{color:var(--text)}.copyright{text-align:right}header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%}header h1{margin-bottom:.75rem}header a{color:var(--base);text-decoration:none}nav{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}nav a{margin:.75rem}header a:hover{color:var(--text)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem}@media (min-width: 768px){.gallery{grid-template-columns:repeat(3,1fr);grid-gap:1rem}}.gallery li{cursor:pointer;position:relative}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;transform:scale(0);transition:all .1s .1s ease-in-out;border-radius:.5rem;display:flex;align-items:center;justify-content:center}div.overlay{background:var(--bg);opacity:.7}span.overlay{color:var(--text)}.gallery li:hover .overlay,.gallery li:hover .caption{transform:scale(1)}.about{margin:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.about p{margin:3rem 0;font-size:1.2rem}@media (min-width: 768px){.about p{font-size:1.4rem}}@media (min-width: 1024px){.about p{font-size:1.7rem}}.about img{margin:2rem 0}#imagePage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}caption{margin:2rem;font-size:1.6rem;text-align:center}