.letter-wrapper{position:relative;grid-column:span 1/span 1;margin:2.5rem auto;display:grid;height:100%;max-width:56rem}@keyframes opacityIn{0%{opacity:0}to{opacity:1}}.letter-wrapper{animation:opacityIn 1s ease-in forwards;cursor:default;gap:1rem;border-radius:1.5rem;--tw-bg-opacity:1;background-color:hsl(0 0% 100%/var(--tw-bg-opacity));padding:1.25rem;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s}.letter-wrapper:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.letter-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}}.letter-wrapper .aside-section{z-index:5;display:flex;height:100%;flex-direction:column;justify-content:center;padding:1.25rem}@media (min-width:768px){.letter-wrapper .aside-section{grid-column:span 2/span 2}}.letter-wrapper .aside-img-wrapper{z-index:5;display:flex;height:100%;flex-direction:column;justify-content:center}@media (min-width:768px){.letter-wrapper .aside-img-wrapper{grid-column:span 1/span 1}}.letter-wrapper .aside-img-wrapper .aside-img{height:100%;width:100%;object-fit:contain}.letter-wrapper .rest-text{z-index:5;display:flex;height:100%;flex-direction:column;justify-content:center;padding:1.25rem}@media (min-width:768px){.letter-wrapper .rest-text{grid-column:span 3/span 3}}.letter-wrapper .letter-bg-img{top:5rem;margin-top:-90px}@media (min-width:768px){.letter-wrapper .letter-bg-img{position:absolute;margin-top:0;opacity:.1}}