/* Kristen Tomaru — site styles */
body{margin:0; background:#0d0b14}

a{color:#f2e3a6}
a:hover{color:#fff6cf}

@keyframes fogDrift{0%{transform:translateX(-8%)}
50%{transform:translateX(8%)}
100%{transform:translateX(-8%)}
}

@keyframes moonGlow{0%,100%{opacity:.55}
50%{opacity:.85}
}

.fog{animation:fogDrift 40s ease-in-out infinite}

.fog2{animation:fogDrift 55s ease-in-out infinite reverse}

.glow{animation:moonGlow 7s ease-in-out infinite}

.stripes{background:repeating-linear-gradient(135deg,#ece4d4 0 14px,#0d0b14 14px 28px)}

.book{transition:transform .5s cubic-bezier(.2,.9,.3,1.3)}

.book:hover{transform:rotate(0deg) translateY(-8px) !important}

.frame{transition:transform .5s cubic-bezier(.2,.9,.3,1.3),box-shadow .3s}

.frame:hover{transform:rotate(0deg) scale(1.03) !important; box-shadow:0 30px 60px rgba(0,0,0,.9),0 0 40px rgba(242,227,166,.12)}

.btn{transition:background .2s,transform .2s}

.btn:hover{transform:translateY(-2px)}

@media (prefers-reduced-motion: reduce){.fog,.fog2,.glow,.book,.frame{animation:none; transition:none}
}

img{max-width:100%}
html{scroll-behavior:smooth}