html,body {
            padding: 0;
            margin: 0;
			background-color: #000;
        }

        header {
            z-index: 2;
			position:fixed;
            top: 0;
            width:100%;
            height:30px;
            background-color:#333;
            padding: 20px;
			text-align: center;
        }

        footer {
            z-index: 2;
			background-color: #333;
            width: 100%;
			height: 30px;
            bottom: 0;
            position: fixed;
			padding: 20px;
			text-align: center;
        }
        #main{
            padding-top:100px;
            text-align:center;
		}
a	{
	font-family: 'PT Sans Narrow', Helvetica;
	font-size: 18;
	font-weight: none;
	text-decoration: none;
	text-shadow: 2px 2px 6px rgb(16,16,16);
	color: #0288D1;
	}

a:hover	{
	font-family: 'PT Sans Narrow', Helvetica;
	font-size: 18;
	font-weight: none;
    text-decoration: underline;
	text-shadow: 2px 2px 6px rgb(16,16,16);
    color: #A3B2FE;	
    }
	
#outer {
   width: 100%;
   height: 100%;
   background-color: #000000;
   display: flex;
   align-items: center;
   justify-content: center;
}
#bluediv{
	width: 400px;
	height: 600px;
}
#reddiv{
	width: 800px;
	height: 600px;
}
h1	{
	font-family: 'PT Sans Narrow', Helvetica;
	font-size: 16;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 2px 2px 6px rgb(16,16,16);
	color: #0288D1;
	}
.rotateright {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
	/* box-shadow : 10px 10px 5px rgba(0,0,0,.7), -10px 10px 5px rgba(0,0,0,.7) ; */
	transition: transform .2s ease-in-out;
}
.rotateright:hover{
	transform: scale(1.1);
	z-index: 1;
	}

.rotateleft {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
	/* box-shadow : 10px 10px 5px rgba(0,0,0,.7), -10px 10px 5px rgba(0,0,0,.7); */
	transition: transform .2s ease-in-out;
	}
.rotateleft:hover{
	transform: scale(1.1);
	z-index: 1;
	}	

.rotaterightless {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
	/* box-shadow : 10px 10px 5px rgba(0,0,0,.7), -10px 10px 5px rgba(0,0,0,.7); */
	transition: transform .2s ease-in-out;
	}
.rotaterightless:hover{
	transform: scale(1.1);
	z-index: 1;
	}
.rotateleftless {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
	/* box-shadow : 10px 10px 5px rgba(0,0,0,.7), -10px 10px 5px rgba(0,0,0,.7); */
	transition: transform .2s ease-in-out;
	}
.rotateleftless:hover{
	transform: scale(1.1);
	z-index: 1;
	}