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; }
margin-top: 0;
}
+p, li {
+ line-height: 125%;
+}
+
main > p {
max-width: 45em;
margin: 1em auto;
}
+dd p {
+ margin-bottom: 1em;
+}
+
main > ul {
max-width: 40em;
margin: 1em auto;
hr {
margin-top: 0;
margin-bottom: 1em;
+ border: 0;
border-bottom: solid rgb(206, 132, 242) 1px;
height: 2em;
}
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: "$ ";
}
font-weight: 300;
}
+p + pre {
+ margin-bottom: 1em;
+}
+
.copyright:before {
content: "Copyright ©";
}
transition: background-color 0.3s, border-color 0.3s, border-radius 0.3s;
}
+dd dl dd pre {
+ margin-left: 0;
+}
+
pre:hover {
background-color: rgba(206, 132, 242, 0.125);
border-color: rgb(206, 132, 242);
transition: background-color 0.3s;
}
+p code, dt code, dd code {
+ font-size: 90%;
+ line-height: 1.111em;
+ vertical-align: middle;
+}
+
code:hover {
background-color: rgba(206, 132, 242, 0.125);
}
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;
+}
+
+.important:before {
+ color: rgb(244, 126, 126);
+ content: 'Hey!';
+}
+
+.important {
+ margin-left: 5em;
+ margin-right: 5em;
+ text-align: justify;
+ font-size: 80%;
+ text-align-last: center;
+}
+
+main > dl > dt {
+ background-color: rgba(206, 132, 242, 0.25);
+ padding: 0.125em 1em;
+ border-radius: 1em;
+}
+
+main > dl > dd {
+ margin-left: 2em;
+ margin-right: 2em;
+ margin-bottom: 0.75em;
+}
+
+main > dl > dt {
+ margin-top: 0.75em;
+ margin-bottom: 0.25em;
+}
+
+dl dl dt {
+ font-weight: bold;
+ float: left;
+ padding-right: 0.25em;
+}
+
+dl dl dd {
+ margin-left: 5.5em;
+}
+
+dl dl + p {
+ margin-top: 0.5em;
+}
+
@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);
+ }
}