.canvas-content .gallery-entry{.drawing { background-color: #00000088; width: 100%; border-style: none none dashed none; border-color: #211b19; img { object-fit: cover; max-width: 100%; max-height: 100vh; } a { cursor: zoom-in; } } .info { display: flex; flex-wrap: wrap; width: 100%; @media (width <= 60rem) { flex-direction: column; margin-top: 0.5rem; margin-bottom: 0.5rem; } @media (width > 60rem) { margin-top: 2em; margin-bottom: 2em; .characters { order: 0; } .about { order: 1; } .tags { order: 2; } } .info-section { border-style: dotted; border-color: #4c1630; width: fit-content; padding: 1vw; margin-left: auto; margin-right: auto; @media (width <= 60rem) { margin-top: 0.5rem; margin-bottom: 0.5rem; } } .about { background-color: #49061730; width: max(10em, calc(80% - 20em)); max-width: 60%; } .tags, .characters { background-color: #30051040; width: 10em; max-width: 20%; } }}