choosealicense.com/css/application.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

div.license ul, div.license ol {
  margin: 15px 20px;
}

div.license ul {
  list-style-type: disc;
}

div.license ol {
  list-style-type: decimal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

body {
  background: #f5f1ec url(/images/bg.jpg);
  color: #7e7974;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

a {
  color: #149ad4;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #ceccc9 #b6b4b1 #a6a4a2 #b6b4b1;
  border-style: solid;
  border-width: 1px;
  color: #443b34;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d5d3cf));
  background-image: -webkit-linear-gradient(#e7e5e0, #d5d3cf);
  background-image: -moz-linear-gradient(#e7e5e0, #d5d3cf);
  background-image: -o-linear-gradient(#e7e5e0, #d5d3cf);
  background-image: linear-gradient(#e7e5e0, #d5d3cf);
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px;
  text-align: center;
}
a.button:hover {
  text-decoration: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d0ceca));
  background-image: -webkit-linear-gradient(#e7e5e0, #d0ceca);
  background-image: -moz-linear-gradient(#e7e5e0, #d0ceca);
  background-image: -o-linear-gradient(#e7e5e0, #d0ceca);
  background-image: linear-gradient(#e7e5e0, #d0ceca);
}

h1 {
  color: #443a33;
  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 25px;
}

h5 {
  color: #443a33;
  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 15px;
}

p {
  margin-bottom: 1em;
}

strong {
  color: #443b34;
  font-weight: bold;
}

#container {
  margin: 40px auto;
  width: 780px;
}

#home {
  padding-top: 20px;
  text-align: center;
}
#home h1 {
  font-size: 63px;
  line-height: 1.1;
  margin-bottom: 25px;
}
#home h2 {
  color: #149ad4;
  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
  font-size: 27px;
  font-weight: 900;
  line-height: 70px;
  margin-bottom: 45px;
  vertical-align: middle;
}
#home h2 span {
  color: #e9e6e2;
  font-size: 70px;
  padding: 0 5px;
  position: relative;
  top: 10px;
}

ul#situations li {
  width: 240px;
  float: left;
  margin-left: 27px;
  text-align: center;
}
ul#situations li.whatever {
  margin-left: 0;
  margin-top: 16px;
}
ul#situations li.reciprocity {
  margin-top: 3px;
}
ul#situations li h3 {
  margin: 0 auto 20px auto;
  width: 200px;
}

ul#situations li h3 a {
  text-decoration: none;
  color: #443a33;
  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.1;
}

ul#situations li a.button {
  margin-top: 20px;
}

table.license {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 40px;
}
table.license th {
  border-bottom: solid 1px #d9d7d2;
  padding: 5px 10px;
}
table.license th.name {
  border-right: solid 1px #d9d7d2;
  width: 150px;
}
table.license th.name a {
  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
  font-size: 28px;
  font-weight: 900;
}
table.license th.summary {
  color: #7e7974;
}
table.license td {
  border-bottom: solid 1px #e9e6e2;
  padding: 4px 10px;
}
table.license td.label {
  border-right: solid 1px #d9d7d2;
  font-weight: bold;
}
table.license td ul li {
  background-position: 0 1px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  float: left;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 15px;
  padding-left: 16px;
}
table.license td ul.required li {
  background-image: url(/images/blue-dot@2x.png);
}
table.license td ul.permitted li {
  background-image: url(/images/green-dot@2x.png);
}
table.license td ul.forbidden li {
  background-image: url(/images/red-dot@2x.png);
}
table.license tr:nth-child(2n) td {
  background-color: rgba(0, 0, 0, 0.02);
}

div.license {
  font-size: 16px;
  float: left;
  width: 540px;
}

div.license dt, div.license h2, div.license h3 {
  font-weight: bold;
}

div.license blockquote {
  font-family: courier;
  margin: 20px;
}

div.license h2 {
  font-size: 1.1em;
}

div.sidebar {
  float: right;
  width: 220px;
}
div.sidebar a.button {
  margin-top: -110px;
  width: 100%;
}
div.sidebar .how-to-apply {
  background-color: rgba(255, 255, 255, 0.33);
  border: solid 1px #e9e6e1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #7e7974;
  font-size: 12px;
  margin-top: -15px;
  padding: 16px;
}
div.sidebar .how-to-apply p {
  line-height: 1.5;
}
div.sidebar .how-to-apply p:last-child {
  margin-bottom: 0;
}

div.sidebar div.source {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}
div.sidebar div.source a {
  padding-left: 20px;
  background: transparent url(/images/source@2x.png) 0 1px no-repeat;
  background-size: 16px 12px;
}

div.sidebar div.boilerplate {
  font-family: 'courier new', courier;
  font-size: 0.7em;
}

#footer {
  border-top: 1px solid #e9e6e1;
  margin-top: 30px;
  padding-top: 20px;
  color: #7e7974;
  font-size: 12px;
  text-align: left;
  line-height: 1.5;
}
#footer a {
  color: #443a33;
  font-weight: normal;
}
#footer p {
  float: left;
}
#footer nav {
  float: right;
}
#footer nav a {
  display: inline-block;
  margin-left: 20px;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}