:root{font-family:Caveat,cursive;line-height:1.5;font-weight:400;font-size:24px;color:#2c1810;background-color:#f4e4bc}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}.container{position:relative;min-height:100vh;width:100%;overflow-x:hidden}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-image:url(/fon.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:45vh 24px 50vh;min-height:100vh;transition:padding-bottom 1s ease}.content.finished{padding-bottom:25vh}.text-content{width:100%;max-width:600px;white-space:pre-wrap;font-size:1.5rem;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.1)}.photo-container{margin-top:40px;display:flex;justify-content:center;width:100%}.fade-in-photo{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px #0003;opacity:0;animation:fadeIn 2s ease-in forwards;transform:rotate(-2deg);border:10px solid #fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@media (min-width: 600px){.text-content{font-size:1.75rem}}