h2 {
    margin-top: 0;
}

#userFormNewCubeForm2 {

    border-bottom: 1px solid #236381ef;
    left: 40px;
    padding-top: 20px;
    width: 350px;
    height: 400px;
    font-size: 120%;
    z-index: 101;
    background-color: #87d9fff2;
    position: absolute;
    display: none;
    }


.viewport {
    
    -webkit-perspective: 800px;
    -webkit-perspective-origin: 50% 200px;
    -webkit-transform: scale(0.75,0.75);
    -moz-perspective: 800px;
    -moz-perspective-origin: 50% 200px;
    -moz-transform: scale(0.75,0.75);
    perspective: 800px;
    perspective-origin: 50% 200px;
    transform: scale(0.75,0.75);
 -webkit-backface-visibility: hidden;
    
}


.cube {
    position: relative;
	margin: 0 auto 100px;    
	height: 400px;
    width: 400px;
     
    -webkit-transition: -webkit-transform 50ms linear;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateX(-10deg) rotateY(20deg);
    -moz-transition: -moz-transform 50ms linear;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateX(-10deg) rotateY(20deg);
    transition: transform 50ms linear;
    transform-style: preserve-3d;
    transform: rotateX(-10deg) rotateY(20deg);
 -webkit-backface-visibility: hidden;
}

.cube h2 {
    color: #fff;
    padding-top: 0;
    margin-top: 0;
}

.cube a {
    color: #fff;
}

.cube > div {
    position: absolute;
    height: 360px;
    width: 360px;
    padding: 0px;
    background-color: hsla(176, 25%, 25%, .9);
    font-size: 1em;
    line-height: 1em;
    color: DodgerBlue;
    border: 1px solid #555;
    border-radius: 0px 0px;

}




object {
    opacity: 0.5;
}

object:hover {
    opacity: .91;
}



img {
width: 100%;
height: 100%;
margin: auto;
}

#rect {
transform: scale(1);
width: 100%;
height: 100%;
margin: auto;
}


html {
background: #f9f9f9;
}

p {
    margin-top: 5px;
    text-align: center;
    color: rgb(209, 209, 209);
}


input[type=text] {

    border: 1px solid rgb(255, 0, 0)175, 167, 167);
    border-radius: 10px 10px;
    position: center;

}
input[type=password] {

    border: 1px solid rgb(255, 0, 0)175, 167, 167);
    border-radius: 10px 10px;
    position: center;

}

/* input[type=submit] {

    margin-left: 20%;
} */




p {
    color: rgb(81, 81, 255);
}
#userFormNewCubeForm {

    border-bottom: 1px solid #236381ef;
    left: 40px;
    padding-top: 20px;
    width: 350px;
    height: 400px;
    font-size: 110%; 
    background-color: #87d9fff2;
    position: absolute;
    }
input {
    background-color: #d5e9fff2;
    color: blue;
    text-shadow: 0px 1px 1px #709fc5;
    border-bottom: 1px dotted #0099ff;
}
.title {
    float: left;
    font-size: 60%;
    width: 150px;
    margin-bottom: 5px;
    text-align: left;
    padding-right: 10px;
    color: rgb(77, 104, 192);
}
.submit {
        text-align: right;

}
#bottom {
    background: rgb(223, 248, 255);
    width: 350px;
    height: 30px;
    margin-top: 420px;
    margin-left: 15px; 
    transform: skew(-60deg);
    position: absolute;
}
#leftside {
    background: rgb(99, 197, 224);
    width: 50px;
    height: 419.9px;
    margin-top: 15px;
    margin-left: -10px; 
    transform: skew(0deg,-30deg);
    position: absolute;
}