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: auto;
}
-main *:first-child {
+main > *:first-child {
margin-top: 0;
}
+p, li {
+ line-height: 125%;
+}
+
main > p {
max-width: 45em;
margin: 1em auto;
transition: border-radius 0.3s, border-color 0.3s;
padding-left: 4em;
box-sizing: border-box;
- border-radius: 0 4em 4em 0;
+ border-radius: 0 3em 3em 0;
}
.game-preview > li:nth-child(even) {
margin-left: 0;
border-left-width: 1px;
border-right-width: 0;
- border-radius: 4em 0 0 4em;
+ border-radius: 3em 0 0 3em;
}
.game-preview > li:hover {
white-space: nowrap;
}
+.game-preview .info li a:link {
+ text-decoration: none;
+ font-weight: inherit;
+}
+
.game-preview .info li: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;
+}
+
@media (max-width: 767px) {
html { font-size: 13px; }