.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;background-color:#f0f0f0;border-radius:10px}.icon-container{container-type:inline-size;grid-column:1;justify-self:start;padding-left:20px;object-fit:contain;height:60px;width:60px}.icon{width:100%;height:100%;object-fit:contain;border-radius:7px}.nav-links{grid-column:2;display:flex;gap:20px}.page{display:flex;flex-direction:column;height:100%}.main{flex:1;position:relative}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;font-family:Georgia,serif}img{max-width:100%;max-height:100%;object-fit:contain;margin:0}.invitation-container{width:100%;height:calc(100vh - 60px);min-height:540px;overflow:auto;perspective:2000px;background:var(--white);cursor:pointer}.panel{position:absolute;height:100%;top:0;transform-style:preserve-3d;transition:transform 1s ease-in-out;display:flex;justify-content:center;align-items:center;font-size:1em;border:2px solid #ccc}.panel .front,.panel .back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex-direction:column;text-align:center;transition:opacity 1s ease-in-out}.panel .front{background:var(--white)}.panel .back{background:var(--black);transform:rotateY(180deg)}.left-panel{min-width:300px;min-height:100%;width:25vw;left:25vw;transform-origin:left;z-index:2}.hidden{opacity:0}.right-panel{min-width:300px;min-height:100%;width:25vw;left:50vw;transform-origin:right;z-index:2}.center-panel{width:50%;left:25vw;background:var(--white);z-index:1;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.5em;opacity:0;transition:opacity 1s ease-in-out;flex-direction:column}.center-panel.open{opacity:1}.left-panel.open{transform:rotateY(-180deg)}.right-panel.open{transform:rotateY(180deg)}.flip-container{flex:1;display:flex;align-items:center;justify-content:center}.btn-flip{display:flex;align-self:center;justify-self:center;font-size:1.5em;border-radius:10px;padding:.5em;margin:.5em}.img-style{width:auto;max-width:100%;height:auto;object-fit:contain}.image-container{width:100%;height:100%;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.image-container:has(img+img) .img-style{max-height:45%}@media (max-width: 1196px){.image-container{padding:.25rem}}@media (max-width: 1196px){.invitation-container{display:flex;flex-direction:column;height:auto;perspective:none;padding:1rem}.panel{position:relative;width:100%!important;left:0!important;min-width:unset;height:auto;margin-bottom:1rem;transform:none!important;border-radius:8px;overflow:hidden}.panel .front,.panel .back{position:relative;height:auto;transform:none;padding:1rem}.panel .back,.panel.open .front{display:none}.panel.open .back{display:flex}.center-panel{opacity:1;font-size:1em;padding:1rem}img{max-width:100%;height:auto!important;width:auto!important;object-fit:contain;margin:.5rem 0}.hidden{display:none}.left-panel.open,.right-panel.open{transform:none}}@media (max-width: 480px){.center-panel{font-size:.9em}}