.container{transform-style:preserve-3d;grid-template-rows:repeat(20,1vh);grid-template-columns:repeat(20,1vw);display:grid;position:relative}.monitor{pointer-events:none;width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0}@media only screen and (min-width:768px){.container{perspective:1200px;-ms-perspective:1200px;animation:60s linear infinite rotation}}@media only screen and (max-width:768px){.monitor{opacity:.9;top:-19rem;left:85px}}@media only screen and (max-width:340px){.monitor{display:none}}.camera{width:100%;height:100%;transform-style:preserve-3d;transition:all .5s;position:absolute}.camera.o-y{transform:rotateY(40deg)}@media only screen and (max-width:768px){.camera.o-y{transform:rotateY(60deg)}}.camera.o-x{transform:rotateX(40deg)}.vr{width:50px;height:50px;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vr_layer{width:100%;height:100%;transform:preserve-3d;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute}.vr_layer:first-child{transform:translateZ(-157.5px)}.vr_layer:first-child .vr_layer_item_frame{animation-delay:-210ms}.vr_layer:nth-child(2){transform:translateZ(-140px)}.vr_layer:nth-child(2) .vr_layer_item_frame{animation-delay:-420ms}.vr_layer:nth-child(3){transform:translateZ(-122.5px)}.vr_layer:nth-child(3) .vr_layer_item_frame{animation-delay:-630ms}.vr_layer:nth-child(4){transform:translateZ(-105px)}.vr_layer:nth-child(4) .vr_layer_item_frame{animation-delay:-840ms}.vr_layer:nth-child(5){transform:translateZ(-87.5px)}.vr_layer:nth-child(5) .vr_layer_item_frame{animation-delay:-1050ms}.vr_layer:nth-child(6){transform:translateZ(-70px)}.vr_layer:nth-child(6) .vr_layer_item_frame{animation-delay:-1260ms}.vr_layer:nth-child(7){transform:translateZ(-52.5px)}.vr_layer:nth-child(7) .vr_layer_item_frame{animation-delay:-1470ms}.vr_layer:nth-child(8){transform:translateZ(-35px)}.vr_layer:nth-child(8) .vr_layer_item_frame{animation-delay:-1680ms}.vr_layer:nth-child(9){transform:translateZ(-17.5px)}.vr_layer:nth-child(9) .vr_layer_item_frame{animation-delay:-1890ms}.vr_layer:nth-child(10){transform:translateZ(0)}.vr_layer:nth-child(10) .vr_layer_item_frame{animation-delay:-2100ms}.vr_layer:nth-child(11){transform:translateZ(17.5px)}.vr_layer:nth-child(11) .vr_layer_item_frame{animation-delay:-2310ms}.vr_layer:nth-child(12){transform:translateZ(35px)}.vr_layer:nth-child(12) .vr_layer_item_frame{animation-delay:-2520ms}.vr_layer:nth-child(13){transform:translateZ(52.5px)}.vr_layer:nth-child(13) .vr_layer_item_frame{animation-delay:-2730ms}.vr_layer:nth-child(14){transform:translateZ(70px)}.vr_layer:nth-child(14) .vr_layer_item_frame{animation-delay:-2940ms}.vr_layer:nth-child(15){transform:translateZ(87.5px)}.vr_layer:nth-child(15) .vr_layer_item_frame{animation-delay:-3150ms}.vr_layer_item_frame{background:#0000000d;border:3px solid #fff;width:80%;height:80%;transition:all .5s;animation:4s cubic-bezier(.215,.61,.355,1) infinite alternate sphere,5s linear infinite alternate color}@media only screen and (max-width:768px){.vr_layer_item_frame{opacity:.8;width:17%;height:17%}}@-webkit-keyframes sphere{0%{transform:scale(0)rotate(45deg)}50%{transform:scale(0)rotate(45deg)}to{transform:scale(1)rotate(45deg)}}@keyframes sphere{0%{transform:scale(0)rotateY(45deg)}to{transform:scale(1.4)rotateY(200deg)}}@keyframes color{0%{border-color:#f55}50%{border-color:#55f}to{border-color:#5f5}}@keyframes rotation{0%{transform:rotateY(-60deg)}to{transform:rotate(-60deg)}}