/*! web-ignition v2.4.9 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
/*
Color Slide Layout -- Top to botttom color transition
Usage:
HTML ():
header
nav
a
img
main
section
aside
*/
html {
height: auto;
}
body {
width: 900px;
max-width: 95%;
color: dimgray;
background-color: rgba(255, 255, 255, 0.9);
padding: 20px 5%;
}
body >header >nav {
margin-bottom: 20px;
}
body >header >nav >a {
display: inline-block;
font-size: 0.9rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
color: gray;
border-bottom: 1px solid;
padding: 1px 0.8em;
margin: 3px 1em;
}
body >header >nav >a:hover {
color: black;
}
body >header img {
max-height: 60px;
}
/******************************************************************************/
/* Color Slide Layout -- customize colors */
html { background: linear-gradient(to bottom, gold, black); }