.shadow-articles{box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 3px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.25),0 2px 3px rgba(0,0,0,.2)}.text-center{text-align:center}.d-flex{display:flex}.flex-header{display:flex;justify-content:space-between;align-items:center}.page-front-page{display:flex;flex-direction:column-reverse}@media(min-width:992px){.page-front-page{flex-direction:row}}.page-front-page .menu{padding:1rem;white-space:pre-wrap;border-right:1px solid #000;flex-shrink:0}@media(min-width:992px){.page-front-page .menu{width:300px;height:calc(100vh - 50px)}}.page-front-page .preview-canvas-container{flex-grow:1}@media(min-width:992px){.page-front-page .preview-canvas-container{height:calc(100vh - 50px)}}.page-front-page .preview-canvas-container{position:relative}.page-front-page .preview-canvas-container img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;display:block}.page-front-page .preview-canvas-container .controls{min-width:254px;position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;opacity:.85;padding:8px 16px;border-radius:16px;z-index:10}@media(min-width:992px){.page-front-page .preview-canvas-container .controls{bottom:32px}}.page-front-page .preview-canvas-container .subtitle{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 2px 8px #000,0 0 2px #000;-webkit-text-stroke:1px #000;text-stroke:1px #000;z-index:11;pointer-events:none;white-space:pre-line;text-align:center;min-width:340px}@media(min-width:992px){.page-front-page .preview-canvas-container .subtitle{font-size:1.3rem;bottom:79px}}