/* || GEN STYLES */

html {
background-color: #ffcccc;
/* background-image: url("/images/backstars.gif"); */
font-family: "Times-New-Roman", serif;
overflow-x: hidden;
max-width: 100%;
}

html, body {box-sizing: border-box; max-height: 100%;}

body {width: 100%; margin: 0 auto; position: relative;}

img {
max-width: 100%;
max-height: 100%;
border: 0 none;
margin: 1px 0 1px 0;
}

p, ul, ol, h1, h2, h3, h4, h5, small {
color: #00000; 
word-wrap: break-word; 
hyphens: auto; 
text-align: left;
}

a {color: #9A46FB;}

a:visited {color: #9A46FB;}

a:hover, a:focus, a:active {
font-style: italic;
color: #C391FD;
}

kbd > kbd {
  border-radius: 3px;
  padding: 1px 2px 0;
  border: 1px solid;
}

/* MAIN STRUCTURAL STUFF */

header {
margin: 0 auto 0 auto; 
width: 800px;
min-height: 110px;
position: absolute;
top: 0; left: 230px;
}

header h1 {
margin: 10px 0 0 0;
font-size: 68px;
text-align: center;
}

.main {
margin: 5px auto;
width: 70%;
}

.movie {
display: flex; 
border-bottom: 2px dotted;
}

.review {
border-left: 2px dotted;
padding: 10px;
}

.review p {margin-top: 2px; margin-bottom: 2px;}

.left {width: 200px;}

.info {padding: 5px}

.title {font-weight: bold;}

footer {
min-width:600px;
max-width:800px;
min-height:30px;
margin: 0 auto 1em auto;
padding: .5em;
text-align: center;

position:absolute;
top: 655px; left: 330px;
}

footer p {
color: #f5f5f5;
border: 2px dotted #f80455;
border-radius: 10px;
padding: 4px;
margin: auto;
text-align: center;
}