body {
    background-color: black;
    color: white;
}

a:hover, .indexcol:hover {
    color: yellow;
    font-weight: bolder;
    outline: yellow solid 2px;
}
a:link {
    color: rgba(100, 188, 254, 0.82);
}
a:visited {
    color: #36f3d9;
}

ul {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    list-style-type: none;
}

h1 h2 {
        font-size: 1.5vmin;
}


.headerdiv {
	position: fixed;
        top: 0;
        left: 0;

	width: 98%;
	vertical-align: middle;
        min-height: 96px; // Thumbnail files are 128x96px
        max-height: 150px;
        z-index: 1;
}

#navprev {
        position:absolute;
	top: 2px;
	width: 128px;// Thumbnail files are 128x96px
	text-align: center;
	left: 2px; // Account for hover borders
}
#navnext {
        position:absolute;
	top: 2px;
	width: 128px;// Thumbnail files are 128x96px
	text-align: center;
	right: 2px; // Account for hover borders
}
#navprevimg {
        position: absolute;
        height: 96px; // Thumbnail files are 128x96px
	left: 2px;
}
#navnextimg {
        position: absolute;
        height: 96px; // Thumbnail files are 128x96px
	right: 2px;
}
#navprevimg:hover, #navnextimg:hover {
    outline: yellow solid 2px;
}

#navprevtxt, #navnexttxt {
        position:absolute;
	text-align: center;
        vertical-align: middle;
        top:75px;
        color:white
        background: rgb(0, 0, 0); /* fallback color */
        background: rgba(0, 0, 0, 0.7);
        font-size: 1.4vmin;
        font-weight: bold;
}


.titlediv {
	position: absolute;
	top: 0px;
	left: 130px;
	right: 130px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}




.indexthumb {
    margin: 0 0 10px 0;
    padding: 2px;
    vertical-align: middle;
}

.listdiv {
    vertical-align: middle;
    font-size: 150%;
}

#indexnav {
    position: absolute;
    top: 130px;
    left: 2px;
    width: inherit;
    z-index: -1;
}




#photoframe {
        position: absolute;
        top:110px;
	bottom: 0;
	width: 98%;
	margin: 0px;
	text-align: center;
}


#socialmediadiv {
        position: absolute;
        top:100%;
	bottom: 0;
	width: 98%;
	margin: 0px;
}

.moviediv {
	position: absolute;
	top: 120px;
	width: 720px;
	left: 130px;
	right: 130px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
        z-index: 2;
}
.descriptiondiv {
	position: fixed;
	bottom: 1%;
        left: 31%;
	width: 65%
	display: inline-block;
	margin: 0 auto;
        z-index: -1;
        border-radius: 25px;
        background: #902C2C;
        padding: 20px;
}

.photoclass {
	max-width: 98%;
	max-height: 98%;
}