minor layout stuff
This commit is contained in:
parent
b6ccf53db4
commit
bdc7bcd986
24
index.html
24
index.html
|
@ -80,45 +80,42 @@
|
|||
font-family: 'Patua One', serif;
|
||||
font-weight: normal;
|
||||
color: #f5f5f5;
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
margin: 0 0 60px 0;
|
||||
font-size: 64px;
|
||||
line-height: 64px;
|
||||
margin: 0 0 64px 0;
|
||||
text-align: center;
|
||||
padding-top: 60px;
|
||||
padding-top: 64px;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
.description {
|
||||
color:#eee; text-align: center;
|
||||
margin: 0 0 30px 0;
|
||||
font-size: 19px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
article {
|
||||
max-width: 90%;
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 60px;
|
||||
margin-bottom: 64px;
|
||||
background: white;
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 4px rgba(0,0,0,.4);
|
||||
color: #505050;
|
||||
}
|
||||
article form {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
article p {
|
||||
text-align: center;
|
||||
padding: 0 30px 15px 30px;
|
||||
padding: 32px;
|
||||
}
|
||||
select {
|
||||
margin-right: 30px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
footer {
|
||||
max-width: 90%;
|
||||
width: 800px;
|
||||
text-align: center;
|
||||
margin: 60px auto;
|
||||
margin: 64px auto;
|
||||
}
|
||||
a,
|
||||
a:link,
|
||||
|
@ -263,10 +260,11 @@ function findSequence(goal) {
|
|||
</select></span>
|
||||
</p>
|
||||
|
||||
<p><a href="https://github.com/braver/fonts/blob/master/FONTS.md" rel="external">Dowload your favourite font here</a></p>
|
||||
|
||||
</article>
|
||||
|
||||
<p class="description"><a href="https://github.com/braver/fonts/blob/master/FONTS.md" rel="external">Dowload your favourite fonts</a></p>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
Built with <a href="http://codemirror.net/" rel="external">CodeMirror</a>, <a href="https://github.com/typekit/webfontloader" rel="external">Google/Typekit Web Font Loader</a>, <a href="http://cdnjs.com/" rel="external">CDNJS</a>, Photography from <a href="http://unsplash.com">Unsplash</a>
|
||||
|
|
Loading…
Reference in New Issue