body{
background:black;
color:white;
font-family:"Courier New", monospace;
margin:0;
overflow-x:hidden;
}

html{
overflow-y:scroll;
}

/* container */

.container{
width:960px;
margin:0 auto;
position:relative;
}

/* header */

h1{
color:magenta;
text-align:center;
}

/* nav */

.nav{
margin:20px 0;
font-size:18px;
text-align:center;
}

.nav a{
display:inline-block;
padding:10px;
margin:5px;
background:#111;
border:1px solid white;
transform:rotate(-2deg);
transition:0.2s;
}

.nav a:hover{
transform:rotate(3deg) scale(1.2);
background:magenta;
}

a{
color:cyan;
text-decoration:none;
}

/* layout */
.container{
width:960px;
margin:0 auto;
position:relative;
}

/* sidebar */

.sidebar{
position:absolute;
left:0;
top:0;
width:220px;
text-align:left;
}

/* main column */

.main{
margin-left:260px;
width:700px;
}

/* categories */

#categories a{
display:block;
margin:4px 0;
}

/* poem cards */

.poem{
border:1px dashed white;
padding:15px;
margin:20px 0;
background:#111;
width:700px;
box-sizing:border-box;
}

/* title */

#pageTitle{
margin:20px 0;
}

/* search */

#searchBox{
display:block;
margin:10px 0 20px 0;
padding:8px;
width:250px;
}

/* poems */

.poem{
border:1px dashed white;
padding:15px;
margin:20px 0;
background:#111;
width:700px;
box-sizing:border-box;
}

.poem h2,
.poem pre{
text-align:center;
}

/* logo */

.smalllogo{
position:absolute;
top:-120px;
left:10px;
}

.logo{
width:600px;
display:block;
margin:0 auto -350px auto;
}