font-family: 'Fira Sans';
font-style: italic;
font-weight: 400;
- src: local('Fira Sans OT Italic'), local('Fira Sans Italic'), url(FiraSans-RegularItalic.woff) format('woff');
+ src: local('Fira Sans OT Italic'), local('Fira Sans Italic'), url(FiraSans-Italic.woff) format('woff');
}
@font-face {
text-decoration: none;
}
+header * {
+ outline: none;
+}
+
strong { font-weight: bold; }
em { font-style: italic; }
font-size: 1.125em;
font-weight: 300;
margin-bottom: 0;
- margin-left: -0.89em;
+ margin-left: -0.445em;
padding-left: 0.67em;
padding-right: 0.67em;
- white-space: nowrap;
}
a:link, [onclick] {
margin-top: 0;
}
+p, li {
+ line-height: 125%;
+}
+
main > p {
max-width: 45em;
margin: 1em auto;
hr {
margin-top: 0;
margin-bottom: 1em;
+ border: 0;
border-bottom: solid rgb(206, 132, 242) 1px;
height: 2em;
}
white-space: nowrap;
}
+.game-preview .info li a:link {
+ text-decoration: none;
+ font-weight: inherit;
+}
+
.game-preview .info li:before {
content: ' ~ ';
}
margin-bottom: 0;
}
+.actionable {
+ text-align: center;
+ font-size: 0.8rem;
+ margin: 0.75em auto;
+ color: rgba(0, 0, 0, 0.5);
+ display: block;
+}
+
+.actionable a {
+ display: inline-block;
+ font-size: 1.5em;
+ background-color: rgb(240, 110, 110);
+ color: white;
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+ padding: 0.5em;
+ text-decoration: none;
+ line-height: 0.8em;
+ border-radius: 8px;
+ width: 25%;
+ margin: 0 1em;
+}
+
+.actionable a:hover {
+ background-color: rgb(244, 126, 126);
+}
+
+.screenshots {
+ text-align: center;
+}
+
+.screenshots img {
+ height: 8rem;
+ width: auto;
+ margin: 1rem 0.5rem;
+}
+
.sh:before {
content: "$ ";
}
background-color: transparent;
}
+footer {
+ font-weight: 300;
+ text-align: center;
+ font-size: 0.75em;
+}
+
+footer a:link {
+ display: inline-block;
+ margin: 0 1em;
+ text-decoration: none;
+}
+
+iframe[src*="itch.io"] {
+ width: 552px;
+ height: 167px;
+ margin: auto;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ position: relative;
+ border: 0;
+}
+
@media (max-width: 767px) {
html { font-size: 13px; }
pre {
font-size: 0.875em;
}
+
+ iframe[src*="itch.io"] {
+ -webkit-transform: translateX(-50%) scale(0.8);
+ transform: translateX(-50%) scale(0.8);
+ }
}
@media (max-width: 479px) {
html { font-size: 10px; padding: 0 0.5em; }
h4 { font-size: 1em; }
+
+ iframe[src*="itch.io"] {
+ -webkit-transform: translateX(-50%) scale(0.6);
+ transform: translateX(-50%) scale(0.6);
+ }
}