@charset "utf-8";
/* CSS Document */






*
{
    -webkit-tap-highlight-color:transparent; /* Safari, Chrome */
    -moz-tap-highlight-color:transparent;  /* Firefox */
    tap-highlight-color:transparent; /* CSS3 */
    
    -webkit-user-select:none;  /* Safari, Chrome */
    -moz-user-select: none; /* Firefox */
    user-select: none; /* CSS3 */
    
    -webkit-touch-callout:none; /* Safari, Chrome */
    -moz-touch-callout:none;  /* Firefox */
    touch-callout:none; /* CSS3 */
}

body {
    background-color: #000; /* green */
    font-family: "Press Start 2P";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    height:100%;
}

html
{
    background-repeat: repeat;
    background-position: left top;
    background-attachment: fixed
}

a, a:hover, a:focus {
    color: #000;
    text-decoration: none;
}

* {
    -webkit-backface-visibility: hidden;
}

.no-flickr {
    -webkit-transform: translate3d(0,0,0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
} 

.no-padding {
    padding-left:0px !important;
    padding-right:0px !important;
}






















#deviceOrientation {
    margin-bottom: 0px;
}

.valueBox {
    height: 50px;
}

.mobileShow {
    display: none;
}

.col {
  display: flex;
  flex-direction: column;
}

.strech {
  text-align: center;
  transform-style: preserve-3d;
  perspective: 200px;
}

.row {
  display: flex;
  flex-direction: row;
  justify-content:center; 
}

.fa {
  font-size: 8em;
  margin: 15px;
  transform-origin: bottom center;
}

.value {
  margin-bottom: 30px;
}

.deviceInfo {
    margin-bottom: 200px;
}


/*
================================================================
    3d Panel Styles
================================================================
*/


.para-container {
    background-color: #fff;
    width: 100%;
    height: 434px;
    padding:0px;
}


#para-panel {
    position: relative;
    width: 100%;
    height: 434px;

}



/*
================================================================
    Media Queries
================================================================
*/


/* SMALL DEVICES, TABLETS / DESKTOPS */

@media (min-width: 768px) {

    .para-container {
        background-color: #fff;
        margin:0 auto;
        margin-top: 40px;
        margin-bottom: 40px;
        /*width:800px;
        height: 1121px;*/
        width:400px;
        height: 560px;
    }

    .para-container.indexTwo {
        margin-top: 240px !important;
    }

    #para-panel {
        position: relative;
        /*width: 800px;
        height: 1121px;*/
        width:400px;
        height: 560px;

    }


}