body{
    width : "100%";
    height: "100%";
    font-family: Arial, Helvetica, sans-serif; 
    font-size: large;
}
.dark-pod{
    background-color: #000000;
}

.light-pod{
    background-color: #ffffff;
}
.rotated_0 { 
    transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -moz-transform: rotate(0deg); /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
    -o-transform: rotate(0deg); /* Opera */
}
.rotated_1 {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -moz-transform: rotate(-90deg); /* Firefox */
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -o-transform: rotate(-90deg); /* Opera */
}
.rotated_2 {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); /* IE 9 */
    -moz-transform: rotate(-180deg); /* Firefox */
    -webkit-transform: rotate(-180deg); /* Safari and Chrome */
    -o-transform: rotate(-180deg); /* Opera */
}
.rotated_3 {
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg); /* IE 9 */
    -moz-transform: rotate(-270deg); /* Firefox */
    -webkit-transform: rotate(-270deg); /* Safari and Chrome */
    -o-transform: rotate(-270deg); /* Opera */
}