+.pic-end {
+ float: right;
+ margin-left: 1rem;
+ margin-bottom: 1rem;
+}
+
+.pic-start {
+ float: left;
+ margin-right: 1rem;
+ margin-bottom: 1rem;
+}
+
+.png-player {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ .screen {
+ background: black;
+ display: flex;
+ width: 100%;
+ height: auto;
+
+ canvas {
+ flex-grow: 1;
+ -ms-interpolation-mode: nearest-neighbor;
+ image-rendering: crisp-edges;
+ image-rendering: pixelated;
+ }
+ }
+
+ .controls {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+}
+