X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fcommon.scss;h=3e88649417c1dcc9b8ced28749acd14768bc205e;hb=c01ebf99d629029288a2ea7cf6874ca076d87f70;hp=15ec4ef1b639e5e3717b4e8cd880b463b5508026;hpb=01c03862db4c9d7da371fb3500aab566d36366ff;p=alttp.git

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 15ec4ef..3e88649 100644
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -23,6 +23,31 @@ h1 {
 	max-width: none !important;
 }
 
+.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;
+	}
+}
+
 .quote-alert {
 	position: relative;
 	&::after {
@@ -40,11 +65,11 @@ h1 {
 .snes-button-x,
 .snes-button-y {
 	display: inline-block;
-	width: 1.5em;
+	width: 2em;
 	height: 0;
-	padding: .75em 0;
+	padding: 1em 0;
 	box-shadow: .125ex .125ex .125ex rgba(0, 0, 0, .5);
-	border-radius: .75em;
+	border-radius: 1em;
 	font-size: 90%;
 	font-weight: bold;
 	text-align: center;