*{margin:0;padding:0;box-sizing:border-box}:root{--accent-color: dodgerblue;--bg-color: rgb(252, 246, 246);--bg-color-two: rgb(252, 246, 246);--text-color: #221f1f;--card-bg: #f5f5f5;--shadow: grey;--skeleton-base: #e5e7eb;--skeleton-highlight: #f3f4f6}[data-theme=dark]{--bg-color: #232121;--text-color: #eeeeee;--bg-color-two: #181717;--card-bg: #1d1b1b;--shadow: #181717;--skeleton-base: #2a2a2a;--skeleton-highlight: #3a3a3a}html{scroll-behavior:smooth;background:var(--bg-color)}body{background:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}.container{max-width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}.logo{text-transform:uppercase;font-family:Verdana,Geneva,Tahoma,sans-serif;background:var(--bg-color-two);position:fixed;width:100%;z-index:1000;top:0;box-shadow:-1px -5px 15px var(--shadow);padding:1em;color:var(--text-color);display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.logo h2{position:relative;margin-left:1em}.logo h2:after{width:10px;height:10px;border-radius:50%;bottom:5px;content:"";background-color:var(--accent-color);position:absolute}.theme-icon{font-size:1.5rem;cursor:pointer}.skeleton-container{animation:pulse 2s infinite;width:300px;display:grid;height:300px;background-color:#639;gap:2em;margin:2em;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.image-gallery-container{display:grid;gap:2em;margin:6em 2em;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.scroll-fab{outline:none;border:none;cursor:pointer;background-color:var(--accent-color);position:fixed;bottom:2em;width:60px;height:60px;border-radius:30px;right:1em;z-index:1000}ion-icon{font-size:2rem;color:#fff}.image{overflow:hidden;cursor:pointer}.image img{height:auto;width:100%;object-fit:cover;transition:.2s ease-in-out}.image img:hover{transform:scale(1.2)}@media(min-width:475px){.container{max-width:475px}}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}.scroll-fab{display:none}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}@keyframes pulse{0%{background-color:var(--skeleton-base)}50%{background-color:var(--skeleton-highlight)}to{background-color:var(--skeleton-base)}}