html { min-height: 100% }
body {
background: linear-gradient(#D5EEFA, #DB899D);
font-family: 'Cardo', sans-serif;
font-size: 18px;
color: black;
}
a {
text-decoration: none;
color: #424242;
}
a:hover, a:focus {
color: #777;
}
figure {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}
figure img {
width: 100%;
}
.header, .post-header {
margin: 60px 40px;
}
.header img {
position: relative;
right: -140px;
top: 80px;
}
.container {
margin: 40px;
background-color: rgba(255, 255, 255, .8);
}
.clear:after, .container:after{
clear: both;
}
.clear:before, .container:before, .clear:after, .container:after {
content: " ";
display: table;
box-sizing: border-box;
}
.center-column{
max-width: 760px;
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 40px 40px 60px 40px;
}
ul.post-list {
padding-left: 0px;
}
ul.post-list li {
list-style-type: none;
display: block;
width: 100%;
padding: 10px;
margin-bottom: 20px;
}
p {
font-size: 20px;
line-height: 1.5;
letter-spacing: 0.013em;
word-spacing: 0.02em;
color: #424242;
}
.dropcap {
float: left;
font-family: 'Oswald';
margin: 0 0.2em 0 0;
font-size: 2.25em;
line-height: 1.35;
font-weight: 800;
text-shadow: -.05em .05em #AECEF5;
}
.top-header {
text-align: center;
width: 100%;
margin-bottom: 80px;
}
.logo {
font-family: 'Oswald', sans-serif;
color: #FFF;
font-size: 2em;
letter-spacing: .05em;
}
.logo:hover {
color: azure;
}
h1, h2, h3 {
font-family: 'Oswald', sans-serif;
}
.header h1 {
font-size: 6em;
}
.header h1, .post-header h1 {
font-weight: 800;
margin-bottom: 0;
text-transform: uppercase;
color: #FFF;
opacity: .68;
text-align: center;
text-shadow:
0 .005em #A1D4F5,
-.005em 0 #A1D4F5,
-.005em .010em #A1D4F5,
-.010em .005em #A1D4F5,
-.010em .015em #A1D4F5,
-.015em .010em #A1D4F5,
-.015em .020em #A1D4F5,
-.020em .015em #A1D4F5,
-.020em .025em #A1D4F5,
-.025em .020em #A1D4F5,
-.025em .030em #A1D4F5,
-.030em .025em #A1D4F5,
-.030em .035em #A1D4F5,
-.035em .030em #A1D4F5,
-.035em .040em #A1D4F5,
-.040em .035em #A1D4F5,
-.040em .045em #A1D4F5,
-.045em .040em #A1D4F5,
-.045em .050em #A1D4F5,
-.050em .045em #A1D4F5;
-.050em .055em #A1D4F5;
-.055em .050em #A1D4F5;
-.055em .060em #A1D4F5;
-.060em .055em #A1D4F5;
}
.post-header h1 {
font-size: 4em;
}
.little-by {
text-shadow: none;
font-weight: 300;
font-size: 32px;
color: azure;
position: relative;
top: -25px;
letter-spacing: 0.05em;
}
h2 {
color: black;
font-weight: 800;
font-size: 28px;
}
h3 {
color: #444;
font-size: 1.6em;
margin-bottom: .4em;
letter-spacing: 0.02em;
}
.subheader {
font-family: 'Oswald', sans-serif;
color: azure;
font-size: 28px;
text-align: center;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 0.1em;
word-spacing: .2em;
margin-top: 0;
}
.entry {
margin-bottom: 70px;
}
.entry-title {
margin-right: 20px;
}
.entry-date {
color: #777;
font-family: 'Cardo';
font-size: 18px;
font-style: italic;
font-weight: 400;
letter-spacing: 0.05em;
}
.post-date {
color: #777;
font-family: 'Cardo';
font-size: 18px;
font-style: italic;
letter-spacing: 0.05em;
}
.post a {
text-decoration: underline;
}
.read-more {
padding: 0px 2px;
margin: 0px 2px;
text-decoration: underline;
}
.footer {
margin: 0 40px 0 40px;
height: 250px;
}
.haiku {
width: 500px;
margin: 30px auto 0 auto;
}
.haiku p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 20px;
text-align: center;
color: rgba(255, 255, 255, .5);
text-transform: uppercase;
letter-spacing: 4px;
}
.haiku a {
color: rgba(255, 255, 255, .5);
}
.haiku a:hover {
color: rgba(255, 255, 255, 1);
}