/* Author: Matthew Shiel */
html { 
  background: url(/eliza/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h3 {
  float: right;
}
.wrapper {
    width: 100%;
    max-width: 1000px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Pacifico', cursive;
    color: white;
    text-shadow: 2px 2px black;
    margin-top: 60px;

}

body{
background:none !important;
}

#output-area {
    height: 370px;
    background-color: whitesmoke;   
    border: none; 
    list-style: none; 
}

#user-input {
    border: 2px solid #C84127;
}

ul {
    display: block;
    /* This is so the list does not overflow the div and has a scrolling bar */
    overflow: auto;
}

li {
    background-color: #67C5C2;
    color: #3D2117;
    font-family: 'Quicksand', sans-serif;
    font-weight: Bold;
    padding: 7px 13px; 
    margin-bottom: 12px;
    border-radius: 15px;   
    float: left;
    /* Clear so messages on the left and right seperate */
    clear: both;
    text-shadow: none !important;
}

/* For every second list item float right */
ul > li:nth-child(odd) {
    float: right;
    background-color: #3D2117;
    color: white;
    text-shadow: none !important;
}

button {
    /* Hide the submit button */
    visibility: hidden; 
}

.credits {
    color: white;
    float: right;
    font-size: smaller;
    opacity: 0.5;
    text-shadow: none !important;

}