.canvas-content .gallery{--piece-frame-thickness:calc(50px);@media(width <= 30rem){--piece-frame-thickness: calc(25px);}--drawing-height:max(32vmin, calc(300px * var(--sizeMul)));--drawing-info-text-size:calc(var(--piece-frame-thickness) * 0.8);--drawing-info-text-color-margin:calc(var(--piece-frame-thickness) * -0.1);--drawing-info-text-color-size:calc(var(--piece-frame-thickness) * 1.3);--drawing-info-text-color-shadow:calc(var(--piece-frame-thickness) * 0.05);display:flex;flex-wrap:wrap;width:100%;height:100%;@media(width <= 60rem){flex-direction: column;}.gallery-entry:hover { transform: scale(100%); } .gallery-entry { transform: scale(95%); margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; display: flex; .drawing-fullscreen { position: absolute; z-index: 2; font-size: var(--drawing-info-text-size); text-decoration: none; margin-top: calc(var(--drawing-info-text-size) * -1); right: 0; bottom: 0; transform: scale(80%); } .drawing-fullscreen:hover { transform: scale(120%); background: radial-gradient(circle,rgba(0, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 80%); filter: invert(100%); } .homepage-drawing { width: calc(80vw - var(--piece-frame-thickness) - var(--border-size) - 1rem); } img:not(.homepage-drawing) { --width: calc(max(80vw, calc(34rem * var(--sizeMul))) - var(--piece-frame-thickness) - var(--border-size) - 1rem); @media (width > 60rem) { height: var(--drawing-height); max-width: var(--width); } @media (width <= 60rem) { width: var(--width); } } .piece { display: flex; flex-wrap: wrap; } .piece-info { position: absolute; z-index: 1; left: 0; right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--drawing-info-text-size); } .info-color { margin-top: var(--drawing-info-text-color-margin); font-size: var(--drawing-info-text-color-size); color: yellow; text-shadow: var(--drawing-info-text-color-shadow) var(--drawing-info-text-color-shadow) red; } .info-bottom { bottom: 0; } .piece-frame-top { display: flex; height: var(--piece-frame-thickness); width: 100%; .piece-frame { height: 100%; width: 50%; background-image: var(--frame-top-image); background-size: contain; } .piece-frame-flip { transform: scaleX(-100%); } .piece-frame-corner { position: absolute; height: var(--piece-frame-thickness); width: var(--piece-frame-thickness); background-image: var(--frame-corner-image); background-size: contain; } } .piece-frame-top-flip { transform: scaleY(-100%); } .piece-frame-side-flip { transform: scaleX(-100%); } .piece-frame-side { height: var(100% - (var(--piece-frame-thickness) * 2)); width: var(--piece-frame-thickness); .piece-frame { width: 100%; height: 50%; background-image: var(--frame-side-image); background-size: contain; } .piece-frame-flip { transform: scaleY(-100%); } } }}.canvas-content .feed-link{width:fit-content;height:fit-conent;margin-left:auto;margin-right:auto;padding:0;a { text-decoration: none; } a:hover p { color: red; transform: scale(1.25); } img { height: calc(var(--text-size) * 0.8); width: auto; }}