/*CSS Stylesheet*/

/** {border: 1px solid black;}*/

img { max-width: 100%; }

body {
    margin: 0; 
    font-size: 18px;
    line-height: 22px;
    font-family: sans-serif;

}
#wrapper {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.code {
    padding: 16px;
    border: 1px solid #333;
    background-color: #999;
    font-family: 'Courier', monospace;
    text-align: center;
}

.code2{
        font-family: 'Courier', monospace;
        text-align: center;

}

p{
    font-family: 'Bree Serif', serif;
    text-align: left;
}

#name{
    text-align: center;
}

a{
    font-family: 'Inconsolata', monospace;
}

h1{
    font-family: 'Inconsolata', monospace;
}

h3{
    font-family: 'Inconsolata', monospace;
}

h5{
    font-family: 'Inconsolata', monospace;
}

#mocking{
    width: 450px;
}

.left{
    float: left;
}

#watchman{
    width: 450px;
}

#gatsby{
    width: 450px;
}

#paradise{
    width: 450px;
}

#romeo{
    width: 450px;
}

#hamlet{
    width: 500px;
}

ul{
    text-decoration: none;
}

#mockingsentiment{
    width: 450px;
}

#gatsbysentiment{
    width: 450px;
}

#romeosentiment{
    width: 450px;
    margin: 0 auto; 
}

#msentiment{
    width: 450px;
}

#wsentiment{
    width: 450px;
}

#gsentiment{
    width: 450px;
}

#psentiment{
    width: 450px;
}

#rsentiment{
    width: 450px;
}

#hsentiment{
    width: 450px;
}

ul{
    list-style: none;
}

.spacer{
    height: 10px;
}