Last active
January 1, 2019 18:43
-
-
Save imedadel/2ff4d8ca78515771cf6da82a2352b0da to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ | |
html { | |
font-family: sans-serif; | |
-ms-text-size-adjust: 100%; | |
-webkit-text-size-adjust: 100% | |
} | |
body { | |
margin: 0 | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
main, | |
menu, | |
nav, | |
section, | |
summary { | |
display: block | |
} | |
audio, | |
canvas, | |
progress, | |
video { | |
display: inline-block | |
} | |
audio:not([controls]) { | |
display: none; | |
height: 0 | |
} | |
progress { | |
vertical-align: baseline | |
} | |
[hidden], | |
template { | |
display: none | |
} | |
a { | |
background-color: transparent; | |
-webkit-text-decoration-skip: objects | |
} | |
a:active, | |
a:hover { | |
outline-width: 0 | |
} | |
abbr[title] { | |
border-bottom: none; | |
text-decoration: underline; | |
text-decoration: underline dotted | |
} | |
b, | |
strong { | |
font-weight: inherit; | |
font-weight: bolder | |
} | |
dfn { | |
font-style: italic | |
} | |
h1 { | |
font-size: 2em; | |
margin: .67em 0 | |
} | |
mark { | |
background-color: #ff0; | |
color: #000 | |
} | |
small { | |
font-size: 80% | |
} | |
sub, | |
sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline | |
} | |
sub { | |
bottom: -.25em | |
} | |
sup { | |
top: -.5em | |
} | |
img { | |
border-style: none | |
} | |
svg:not(:root) { | |
overflow: hidden | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: monospace, monospace; | |
font-size: 1em | |
} | |
figure { | |
margin: 1em 40px | |
} | |
hr { | |
box-sizing: content-box; | |
height: 0; | |
overflow: visible | |
} | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
font: inherit; | |
margin: 0 | |
} | |
optgroup { | |
font-weight: 700 | |
} | |
button, | |
input { | |
overflow: visible | |
} | |
button, | |
select { | |
text-transform: none | |
} | |
[type=reset], | |
[type=submit], | |
button, | |
html [type=button] { | |
-webkit-appearance: button | |
} | |
[type=button]::-moz-focus-inner, | |
[type=reset]::-moz-focus-inner, | |
[type=submit]::-moz-focus-inner, | |
button::-moz-focus-inner { | |
border-style: none; | |
padding: 0 | |
} | |
[type=button]:-moz-focusring, | |
[type=reset]:-moz-focusring, | |
[type=submit]:-moz-focusring, | |
button:-moz-focusring { | |
outline: 1px dotted ButtonText | |
} | |
fieldset { | |
border: 1px solid silver; | |
margin: 0 2px; | |
padding: .35em .625em .75em | |
} | |
legend { | |
box-sizing: border-box; | |
color: inherit; | |
display: table; | |
max-width: 100%; | |
padding: 0; | |
white-space: normal | |
} | |
textarea { | |
overflow: auto | |
} | |
[type=checkbox], | |
[type=radio] { | |
box-sizing: border-box; | |
padding: 0 | |
} | |
[type=number]::-webkit-inner-spin-button, | |
[type=number]::-webkit-outer-spin-button { | |
height: auto | |
} | |
[type=search] { | |
-webkit-appearance: textfield; | |
outline-offset: -2px | |
} | |
[type=search]::-webkit-search-cancel-button, | |
[type=search]::-webkit-search-decoration { | |
-webkit-appearance: none | |
} | |
::-webkit-input-placeholder { | |
color: inherit; | |
opacity: .54 | |
} | |
::-webkit-file-upload-button { | |
-webkit-appearance: button; | |
font: inherit | |
} | |
html { | |
font-size: 125%; | |
line-height: 1.65em; | |
box-sizing: border-box; | |
overflow-y: scroll; | |
} | |
* { | |
box-sizing: inherit; | |
} | |
*:before { | |
box-sizing: inherit; | |
} | |
*:after { | |
box-sizing: inherit; | |
} | |
body { | |
color: hsla(0, 0%, 0%, 0.8); | |
font-family: Alegreya, sans-serif; | |
font-weight: 400; | |
word-wrap: break-word; | |
} | |
img { | |
max-width: 100%; | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
h1 { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
color: hsla(0, 0%, 0%, 0.9); | |
font-family: Alegreya Sans, sans-serif; | |
font-weight: 500; | |
text-rendering: optimizeLegibility; | |
font-size: 2rem; | |
line-height: 2.475rem; | |
} | |
h2 { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
color: hsla(0, 0%, 0%, 0.9); | |
font-family: Alegreya Sans, sans-serif; | |
font-weight: 500; | |
text-rendering: optimizeLegibility; | |
font-size: 1.51572rem; | |
line-height: 2.475rem; | |
} | |
h3 { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
color: hsla(0, 0%, 0%, 0.9); | |
font-family: Alegreya Sans, sans-serif; | |
font-weight: 500; | |
text-rendering: optimizeLegibility; | |
font-size: 1.31951rem; | |
line-height: 1.65rem; | |
} | |
h4 { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
color: hsla(0, 0%, 0%, 0.9); | |
font-family: Alegreya Sans, sans-serif; | |
font-weight: 500; | |
text-rendering: optimizeLegibility; | |
font-size: 1rem; | |
line-height: 1.65rem; | |
} | |
h5 { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
color: hsla(0, 0%, 0%, 0.9); | |
font-family: Alegreya Sans, sans-serif; | |
font-weight: 500; | |
text-rendering: optimizeLegibility; | |
font-size: 0.87055rem; | |
line-height: 1.65rem; | |
} | |
h6 { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
color: hsla(0, 0%, 0%, 0.9); | |
font-family: Alegreya Sans, sans-serif; | |
font-weight: 500; | |
text-rendering: optimizeLegibility; | |
font-size: 0.81225rem; | |
line-height: 1.65rem; | |
} | |
hgroup { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
ul { | |
margin-left: 1.65rem; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
list-style-position: outside; | |
list-style-image: none; | |
} | |
ol { | |
margin-left: 1.65rem; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
list-style-position: outside; | |
list-style-image: none; | |
} | |
dl { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
dd { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
p { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
figure { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
pre { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
font-size: 0.85rem; | |
line-height: 1.42; | |
background: hsla(0, 0%, 0%, 0.04); | |
border-radius: 3px; | |
overflow: auto; | |
padding: 1.65rem; | |
} | |
table { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
font-size: 1rem; | |
line-height: 1.65rem; | |
border-collapse: collapse; | |
width: 100%; | |
} | |
fieldset { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
blockquote { | |
margin-left: 0; | |
margin-right: 1.65rem; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 1.13437rem; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
color: hsla(0, 0%, 0%, 0.65); | |
font-style: italic; | |
border-left: 0.51563rem solid hsla(0, 0%, 0%, 0.2); | |
} | |
form { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
noscript { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
iframe { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
hr { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: calc(1.65rem - 1px); | |
background: hsla(0, 0%, 0%, 0.2); | |
border: none; | |
height: 1px; | |
} | |
address { | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
padding-right: 0; | |
padding-top: 0; | |
margin-bottom: 1.65rem; | |
} | |
b { | |
font-weight: 700; | |
} | |
strong { | |
font-weight: 700; | |
} | |
dt { | |
font-weight: 700; | |
} | |
th { | |
font-weight: 700; | |
} | |
li { | |
margin-bottom: calc(1.65rem / 2); | |
} | |
ol li { | |
padding-left: 0; | |
} | |
ul li { | |
padding-left: 0; | |
} | |
li>ol { | |
margin-left: 1.65rem; | |
margin-bottom: calc(1.65rem / 2); | |
margin-top: calc(1.65rem / 2); | |
} | |
li>ul { | |
margin-left: 1.65rem; | |
margin-bottom: calc(1.65rem / 2); | |
margin-top: calc(1.65rem / 2); | |
} | |
code { | |
font-size: 0.85rem; | |
line-height: 1.65rem; | |
} | |
kbd { | |
font-size: 0.85rem; | |
line-height: 1.65rem; | |
} | |
samp { | |
font-size: 0.85rem; | |
line-height: 1.65rem; | |
} | |
abbr { | |
border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5); | |
cursor: help; | |
} | |
acronym { | |
border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5); | |
cursor: help; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5); | |
cursor: help; | |
text-decoration: none; | |
} | |
thead { | |
text-align: left; | |
} | |
td, | |
th { | |
text-align: left; | |
border-bottom: 1px solid hsla(0, 0%, 0%, 0.12); | |
font-feature-settings: tnum; | |
padding-left: 1.1rem; | |
padding-right: 1.1rem; | |
padding-top: 0.825rem; | |
padding-bottom: calc(0.825rem - 1px); | |
} | |
th:first-child, | |
td:first-child { | |
padding-left: 0; | |
} | |
th:last-child, | |
td:last-child { | |
padding-right: 0; | |
} | |
tt, | |
code { | |
background-color: hsla(0, 0%, 0%, 0.04); | |
border-radius: 3px; | |
font-family: Consolas, "Roboto Mono", "Liberation Mono", Menlo, Courier, monospace; | |
padding: 0; | |
padding-top: 0.2em; | |
padding-bottom: 0.2em; | |
} | |
pre code { | |
background: none; | |
line-height: 1.42; | |
} | |
code:before, | |
code:after, | |
tt:before, | |
tt:after { | |
letter-spacing: -0.2em; | |
content: " "; | |
} | |
pre code:before, | |
pre code:after, | |
pre tt:before, | |
pre tt:after { | |
content: ""; | |
} | |
a { | |
color: hsl(230, 55%, 58%); | |
text-decoration: none; | |
} | |
a:hover, | |
a:active { | |
box-shadow: 0 1px 0 0 currentColor; | |
} | |
blockquote> :last-child { | |
margin-bottom: 0; | |
} | |
@media only screen and (max-width:480px) { | |
html { | |
font-size: 112.5%; | |
line-height: 1.65em; | |
} | |
blockquote { | |
border-left: 0.30938rem solid hsla(0, 0%, 0%, 0.2); | |
margin-left: -1.2375rem; | |
margin-right: 0; | |
padding-left: 0.92812rem; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment