纯css实现一个三维小河与桥的模拟效果-html代码-BFW代码库

代码语言：html
所属分类：三维
代码描述：纯css实现一个三维小河与桥的模拟效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body {
  background: #ac7c68;
  height: 100vh;
  overflow: hidden;
}

div {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container {
  position: relative;
  display: grid;
  grid-template-rows: repeat(20, 5vh);
  grid-template-columns: repeat(20, 5vw);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.monitor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
          transform: scale3d(0.8, 0.8, 0.8);
  -webkit-filter: drop-shadow(0 120px 30px rgba(120, 73, 53, 0.3));
          filter: drop-shadow(0 120px 30px rgba(120, 73, 53, 0.3));
  -webkit-perspective: 1500px;
          perspective: 1500px;
}

.trigger:nth-child(1):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(1):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(2):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(2):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(3):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(3):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(4):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(4):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(5):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(5):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(6):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(6):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(7):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(7):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(8):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(8):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(9):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(9):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(10):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(10):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(11):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(11):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(12):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(12):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(13):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(13):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(14):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(14):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(15):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(15):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(16):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(16):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(17):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(17):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(18):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(18):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(19):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(19):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(20):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(20):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(124deg);
          transform: rotateX(124deg);
}
.trigger:nth-child(21):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(21):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(22):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(22):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(23):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(23):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(24):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(24):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(25):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(25):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(26):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(26):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(27):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(27):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(28):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(28):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(29):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(29):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(30):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(30):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(31):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(31):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(32):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(32):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(33):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(33):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(34):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(34):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(35):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(35):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(36):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(36):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(37):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(37):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(38):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(38):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(39):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(39):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(40):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(40):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(118deg);
          transform: rotateX(118deg);
}
.trigger:nth-child(41):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(41):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(42):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(42):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(43):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(43):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(44):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(44):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(45):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(45):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(46):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(46):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(47):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(47):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(48):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(48):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(49):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(49):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(50):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(50):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(51):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(51):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(52):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(52):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(53):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(53):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(54):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(54):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(55):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(55):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(56):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(56):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(57):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(57):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(58):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(58):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(59):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(59):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(60):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(60):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(112deg);
          transform: rotateX(112deg);
}
.trigger:nth-child(61):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(61):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(62):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(62):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(63):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(63):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(64):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(64):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(65):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(65):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(66):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(66):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(67):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(67):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(68):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(68):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(69):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(69):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(70):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(70):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(71):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(71):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(72):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(72):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(73):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(73):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(74):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(74):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(75):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(75):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(76):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(76):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(77):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(77):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(78):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(78):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(79):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(79):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(80):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(80):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(106deg);
          transform: rotateX(106deg);
}
.trigger:nth-child(81):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(81):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(82):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(82):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(83):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(83):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(84):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(84):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(85):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(85):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(86):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(86):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(87):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(87):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(88):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(88):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(89):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(89):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(90):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(90):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(91):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(91):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(92):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(92):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(93):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(93):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(94):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(94):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(95):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(95):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(96):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(96):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(97):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(97):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(98):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(98):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(99):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(99):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(100):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(100):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
}
.trigger:nth-child(101):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(101):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(102):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(102):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(103):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(103):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(104):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(104):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(105):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(105):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(106):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(106):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(107):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(107):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(108):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(108):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(109):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(109):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(110):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(110):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(111):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(111):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(112):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(112):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(113):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(113):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(114):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(114):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(115):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(115):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(116):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(116):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(117):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(117):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(118):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(118):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(119):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(119):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(120):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(120):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(94deg);
          transform: rotateX(94deg);
}
.trigger:nth-child(121):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(121):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(122):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(122):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(123):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(123):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(124):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(124):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(125):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(125):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(126):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(126):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(127):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(127):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(128):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(128):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(129):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(129):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(130):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(130):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(131):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(131):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(132):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(132):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(133):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(133):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(134):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(134):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(135):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(135):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(136):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(136):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(137):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(137):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(138):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(138):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(139):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(139):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(140):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(140):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(88deg);
          transform: rotateX(88deg);
}
.trigger:nth-child(141):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(141):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(142):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(142):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(143):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(143):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(144):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(144):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(145):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(145):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(146):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(146):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(147):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(147):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(148):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(148):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(149):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(149):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(150):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(150):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(151):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(151):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(152):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(152):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(153):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(153):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(154):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(154):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(155):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(155):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(156):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(156):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(157):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(157):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(158):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(158):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(159):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(159):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(160):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(160):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(82deg);
          transform: rotateX(82deg);
}
.trigger:nth-child(161):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(161):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(162):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(162):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(163):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(163):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(164):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(164):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(165):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(165):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(166):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(166):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(167):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(167):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(168):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(168):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(169):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(169):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(170):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(170):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(171):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(171):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(172):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(172):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(173):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(173):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(174):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(174):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(175):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(175):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(176):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(176):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(177):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(177):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(178):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(178):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(179):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(179):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(180):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(180):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(76deg);
          transform: rotateX(76deg);
}
.trigger:nth-child(181):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(181):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(182):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(182):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(183):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(183):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(184):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(184):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(185):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(185):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(186):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(186):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(187):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(187):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(188):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(188):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(189):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(189):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(190):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(190):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(191):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(191):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(192):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(192):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(193):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(193):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(194):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(194):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(195):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(195):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(196):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(196):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(197):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(197):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(198):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(198):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(199):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(199):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(200):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(200):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
}
.trigger:nth-child(201):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(201):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(202):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(202):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(203):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(203):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(204):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(204):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(205):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(205):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(206):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(206):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(207):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(207):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(208):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(208):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(209):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(209):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(210):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(210):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(211):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(211):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(212):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(212):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(213):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(213):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(214):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(214):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(215):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(215):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(216):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(216):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(217):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(217):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(218):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(218):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(219):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(219):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(220):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(220):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(64deg);
          transform: rotateX(64deg);
}
.trigger:nth-child(221):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(221):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(222):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(222):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(223):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(223):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(224):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(224):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(225):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(225):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(226):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(226):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(227):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(227):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(228):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(228):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(229):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(229):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(230):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(230):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(231):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(231):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(232):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(232):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(233):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(233):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(234):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(234):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(235):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(235):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(236):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(236):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(237):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(237):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(238):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(238):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(239):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(239):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(240):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(240):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(58deg);
          transform: rotateX(58deg);
}
.trigger:nth-child(241):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(241):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(242):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(242):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(243):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(243):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(244):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(244):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(245):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(245):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(246):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(246):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(247):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(247):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(248):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(248):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(249):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(249):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(250):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(250):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(251):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(251):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(252):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(252):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(253):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(253):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(254):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(254):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(255):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(255):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(256):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(256):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(257):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(257):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(258):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(258):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(259):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(259):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(260):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(260):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(52deg);
          transform: rotateX(52deg);
}
.trigger:nth-child(261):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(261):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(262):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(262):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(263):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(263):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(264):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(264):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(265):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(265):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(266):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(266):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(267):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(267):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(268):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(268):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(269):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(269):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(270):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(270):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(271):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(271):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(272):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(272):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(273):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(273):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(274):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(274):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(275):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(275):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(276):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(276):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(277):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(277):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(278):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(278):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(279):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(279):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(280):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(280):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(46deg);
          transform: rotateX(46deg);
}
.trigger:nth-child(281):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(281):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(282):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(282):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(283):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(283):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(284):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(284):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(285):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(285):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(286):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(286):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(287):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(287):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(288):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(288):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(289):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(289):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(290):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(290):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(291):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(291):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(292):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(292):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(293):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(293):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(294):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(294):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(295):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(295):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(296):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(296):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(297):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(297):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(298):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(298):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(299):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(299):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(300):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(300):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
}
.trigger:nth-child(301):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(301):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(302):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(302):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(303):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(303):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(304):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(304):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(305):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(305):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(306):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(306):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(307):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(307):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(308):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(308):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(309):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(309):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(310):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(310):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(311):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(311):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(312):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(312):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(313):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(313):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(314):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(314):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(315):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(315):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(316):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(316):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(317):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(317):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(318):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(318):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(319):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(319):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(320):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(320):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(34deg);
          transform: rotateX(34deg);
}
.trigger:nth-child(321):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(321):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(322):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(322):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(323):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(323):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(324):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(324):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(325):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(325):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(326):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(326):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(327):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(327):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(328):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(328):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(329):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(329):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(330):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(330):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(331):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(331):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(332):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(332):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(333):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(333):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(334):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(334):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(335):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(335):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(336):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(336):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(337):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(337):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(338):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(338):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(339):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(339):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(340):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(340):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(28deg);
          transform: rotateX(28deg);
}
.trigger:nth-child(341):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(341):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(342):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(342):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(343):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(343):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(344):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(344):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(345):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(345):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(346):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(346):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(347):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(347):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(348):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(348):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(349):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(349):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(350):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(350):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(351):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(351):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(352):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(352):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(353):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(353):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(354):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(354):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(355):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(355):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(356):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(356):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(357):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(357):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(358):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(358):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(359):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(359):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(360):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(360):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(22deg);
          transform: rotateX(22deg);
}
.trigger:nth-child(361):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(361):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(362):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(362):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(363):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(363):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(364):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(364):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(365):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(365):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(366):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(366):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(367):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(367):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(368):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(368):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(369):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(369):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(370):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(370):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(371):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(371):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(372):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(372):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(373):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(373):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(374):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(374):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(375):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(375):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(376):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(376):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(377):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(377):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(378):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(378):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(379):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(379):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(380):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(380):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(16deg);
          transform: rotateX(16deg);
}
.trigger:nth-child(381):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(126deg);
          transform: rotateZ(126deg);
}
.trigger:nth-child(381):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(382):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
.trigger:nth-child(382):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(383):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(98deg);
          transform: rotateZ(98deg);
}
.trigger:nth-child(383):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(384):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
.trigger:nth-child(384):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(385):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
.trigger:nth-child(385):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(386):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
.trigger:nth-child(386):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(387):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(42deg);
          transform: rotateZ(42deg);
}
.trigger:nth-child(387):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(388):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
.trigger:nth-child(388):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(389):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(14deg);
          transform: rotateZ(14deg);
}
.trigger:nth-child(389):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(390):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.trigger:nth-child(390):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(391):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-14deg);
          transform: rotateZ(-14deg);
}
.trigger:nth-child(391):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(392):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-28deg);
          transform: rotateZ(-28deg);
}
.trigger:nth-child(392):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(393):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-42deg);
          transform: rotateZ(-42deg);
}
.trigger:nth-child(393):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(394):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
.trigger:nth-child(394):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(395):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}
.trigger:nth-child(395):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(396):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
.trigger:nth-child(396):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(397):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-98deg);
          transform: rotateZ(-98deg);
}
.trigger:nth-child(397):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(398):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
.trigger:nth-child(398):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(399):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-126deg);
          transform: rotateZ(-126deg);
}
.trigger:nth-child(399):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}
.trigger:nth-child(400):hover ~ .monitor .camera.-z {
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
.trigger:nth-child(400):hover ~ .monitor .camera.-x {
  -webkit-transform: rotateX(10deg);
          transform: rotateX(10deg);
}

.camera {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: 500ms;
  transition: 500ms;
}
.camera.-x {
  -webkit-transform: rotateX(50deg);
          transform: rotateX(50deg);
}
.camera.-z {
  -webkit-transform: rotateZ(30deg);
          transform: rotateZ(30deg);
}

.miniature {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
}

.base {
  position: absolute;
  width: 400px;
  height: 400px;
  top: -200px;
  left: -200px;
}
.base .waters {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(-10px);
          transform: translateZ(-10px);
}
.base .waters .water {
  position: absolute;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
}
.base .waters .water:nth-child(1) {
  -webkit-transform: translate(8px);
          transform: translate(8px);
}
.base .waters .water:nth-child(1) .rotate.-x {
  -webkit-animation-delay: -9366ms;
          animation-delay: -9366ms;
}
.base .waters .water:nth-child(1) .rotate.-y {
  -webkit-animation-delay: -2727ms;
          animation-delay: -2727ms;
}
.base .waters .water:nth-child(1) .flow {
  -webkit-animation-delay: -110ms;
          animation-delay: -110ms;
}
.base .waters .water:nth-child(1) .wave {
  -webkit-animation-delay: -5951ms;
          animation-delay: -5951ms;
}
.base .waters .water:nth-child(2) {
  -webkit-transform: translate(42px);
          transform: translate(42px);
}
.base .waters .water:nth-child(2) .rotate.-x {
  -webkit-animation-delay: -9006ms;
          animation-delay: -9006ms;
}
.base .waters .water:nth-child(2) .rotate.-y {
  -webkit-animation-delay: -4923ms;
          animation-delay: -4923ms;
}
.base .waters .water:nth-child(2) .flow {
  -webkit-animation-delay: -8788ms;
          animation-delay: -8788ms;
}
.base .waters .water:nth-child(2) .wave {
  -webkit-animation-delay: -3908ms;
          animation-delay: -3908ms;
}
.base .waters .water:nth-child(3) {
  -webkit-transform: translate(-34px);
          transform: translate(-34px);
}
.base .waters .water:nth-child(3) .rotate.-x {
  -webkit-animation-delay: -5913ms;
          animation-delay: -5913ms;
}
.base .waters .water:nth-child(3) .rotate.-y {
  -webkit-animation-delay: -7183ms;
          animation-delay: -7183ms;
}
.base .waters .water:nth-child(3) .flow {
  -webkit-animation-delay: -6820ms;
          animation-delay: -6820ms;
}
.base .waters .water:nth-child(3) .wave {
  -webkit-animation-delay: -7653ms;
          animation-delay: -7653ms;
}
.base .waters .water:nth-child(4) {
  -webkit-transform: translate(-34px);
          transform: translate(-34px);
}
.base .waters .water:nth-child(4) .rotate.-x {
  -webkit-animation-delay: -7670ms;
          animation-delay: -7670ms;
}
.base .waters .water:nth-child(4) .rotate.-y {
  -webkit-animation-delay: -3178ms;
          animation-delay: -3178ms;
}
.base .waters .water:nth-child(4) .flow {
  -webkit-animation-delay: -3838ms;
          animation-delay: -3838ms;
}
.base .waters .water:nth-child(4) .wave {
  -webkit-animation-delay: -7310ms;
          animation-delay: -7310ms;
}
.base .waters .water:nth-child(5) {
  -webkit-transform: translate(-4px);
          transform: translate(-4px);
}
.base .waters .water:nth-child(5) .rotate.-x {
  -webkit-animation-delay: -904ms;
          animation-delay: -904ms;
}
.base .waters .water:nth-child(5) .rotate.-y {
  -webkit-animation-delay: -3871ms;
          animation-delay: -3871ms;
}
.base .waters .water:nth-child(5) .flow {
  -webkit-animation-delay: -8598ms;
          animation-delay: -8598ms;
}
.base .waters .water:nth-child(5) .wave {
  -webkit-animation-delay: -5801ms;
          animation-delay: -5801ms;
}
.base .waters .water:nth-child(6) {
  -webkit-transform: translate(-25px);
          transform: translate(-25px);
}
.base .waters .water:nth-child(6) .rotate.-x {
  -webkit-animation-delay: -1330ms;
          animation-delay: -1330ms;
}
.base .waters .water:nth-child(6) .rotate.-y {
  -webkit-animation-delay: -9248ms;
          animation-delay: -9248ms;
}
.base .waters .water:nth-child(6) .flow {
  -webkit-animation-delay: -6274ms;
          animation-delay: -6274ms;
}
.base .waters .water:nth-child(6) .wave {
  -webkit-animation-delay: -4166ms;
          animation-delay: -4166ms;
}
.base .waters .water:nth-child(7) {
  -webkit-transform: translate(-43px);
          transform: translate(-43px);
}
.base .waters .water:nth-child(7) .rotate.-x {
  -webkit-animation-delay: -4628ms;
          animation-delay: -4628ms;
}
.base .waters .water:nth-child(7) .rotate.-y {
  -webkit-animation-delay: -2271ms;
          animation-delay: -2271ms;
}
.base .waters .water:nth-child(7) .flow {
  -webkit-animation-delay: -1244ms;
          animation-delay: -1244ms;
}
.base .waters .water:nth-child(7) .wave {
  -webkit-animation-delay: -8698ms;
          animation-delay: -8698ms;
}
.base .waters .water:nth-child(8) {
  -webkit-transform: translate(6px);
          transform: translate(6px);
}
.base .waters .water:nth-child(8) .rotate.-x {
  -webkit-animation-delay: -8277ms;
          animation-delay: -8277ms;
}
.base .waters .water:nth-child(8) .rotate.-y {
  -webkit-animation-delay: -9166ms;
          animation-delay: -9166ms;
}
.base .waters .water:nth-child(8) .flow {
  -webkit-animation-delay: -8518ms;
          animation-delay: -8518ms;
}
.base .waters .water:nth-child(8) .wave {
  -webkit-animation-delay: -1321ms;
          animation-delay: -1321ms;
}
.base .waters .water:nth-child(9) {
  -webkit-transform: translate(36px);
          transform: translate(36px);
}
.base .waters .water:nth-child(9) .rotate.-x {
  -webkit-animation-delay: -3678ms;
          animation-delay: -3678ms;
}
.base .waters .water:nth-child(9) .rotate.-y {
  -webkit-animation-delay: -7738ms;
          animation-delay: -7738ms;
}
.base .waters .water:nth-child(9) .flow {
  -webkit-animation-delay: -2310ms;
          animation-delay: -2310ms;
}
.base .waters .water:nth-child(9) .wave {
  -webkit-animation-delay: -919ms;
          animation-delay: -919ms;
}
.base .waters .water:nth-child(10) {
  -webkit-transform: translate(3px);
          transform: translate(3px);
}
.base .waters .water:nth-child(10) .rotate.-x {
  -webkit-animation-delay: -9726ms;
          animation-delay: -9726ms;
}
.base .waters .water:nth-child(10) .rotate.-y {
  -webkit-animation-delay: -2215ms;
          animation-delay: -2215ms;
}
.base .waters .water:nth-child(10) .flow {
  -webkit-animation-delay: -3172ms;
          animation-delay: -3172ms;
}
.base .waters .water:nth-child(10) .wave {
  -webkit-animation-delay: -1123ms;
          animation-delay: -1123ms;
}
.base .waters .water:nth-child(11) {
  -webkit-transform: translate(-14px);
          transform: translate(-14px);
}
.base .waters .water:nth-child(11) .rotate.-x {
  -webkit-animation-delay: -1403ms;
          animation-delay: -1403ms;
}
.base .waters .water:nth-child(11) .rotate.-y {
  -webkit-animation-delay: -4333ms;
          animation-delay: -4333ms;
}
.base .waters .water:nth-child(11) .flow {
  -webkit-animation-delay: -6764ms;
          animation-delay: -6764ms;
}
.base .waters .water:nth-child(11) .wave {
  -webkit-animation-delay: -7930ms;
          animation-delay: -7930ms;
}
.base .waters .water:nth-child(12) {
  -webkit-transform: translate(-36px);
          transform: translate(-36px);
}
.base .waters .water:nth-child(12) .rotate.-x {
  -webkit-animation-delay: -5304ms;
          animation-delay: -5304ms;
}
.base .waters .water:nth-child(12) .rotate.-y {
  -webkit-animation-delay: -7806ms;
          animation-delay: -7806ms;
}
.base .waters .water:nth-child(12) .flow {
  -webkit-animation-delay: -9296ms;
          animation-delay: -9296ms;
}
.base .waters .water:nth-child(12) .wave {
  -webkit-animation-delay: -7200ms;
          animation-delay: -7200ms;
}
.base .waters .water:nth-child(13) {
  -webkit-transform: translate(11px);
          transform: translate(11px);
}
.base .waters .water:nth-child(13) .rotate.-x {
  -webkit-animation-delay: -3503ms;
          animation-delay: -3503ms;
}
.base .waters .water:nth-child(13) .rotate.-y {
  -webkit-animation-delay: -5804ms;
          animation-delay: -5804ms;
}
.base .waters .water:nth-child(13) .flow {
  -webkit-animation-delay: -3173ms;
          animation-delay: -3173ms;
}
.base .waters .water:nth-child(13) .wave {
  -webkit-animation-delay: -7421ms;
          animation-delay: -7421ms;
}
.base .waters .water:nth-child(14) {
  -webkit-transform: translate(13px);
          transform: translate(13px);
}
.base .waters .water:nth-child(14) .rotate.-x {
  -webkit-animation-delay: -8470ms;
          animation-delay: -8470ms;
}
.base .waters .water:nth-child(14) .rotate.-y {
  -webkit-animation-delay: -4762ms;
          animation-delay: -4762ms;
}
.base .waters .water:nth-child(14) .flow {
  -webkit-animation-delay: -5304ms;
          animation-delay: -5304ms;
}
.base .waters .water:nth-child(14) .wave {
  -webkit-animation-delay: -8002ms;
          animation-delay: -8002ms;
}
.base .waters .water:nth-child(15) {
  -webkit-transform: translate(-38px);
          transform: translate(-38px);
}
.base .waters .water:nth-child(15) .rotate.-x {
  -webkit-animation-delay: -9935ms;
          animation-delay: -9935ms;
}
.base .waters .water:nth-child(15) .rotate.-y {
  -webkit-animation-delay: -6314ms;
          animation-delay: -6314ms;
}
.base .waters .water:nth-child(15) .flow {
  -webkit-animation-delay: -2234ms;
          animation-delay: -2234ms;
}
.base .waters .water:nth-child(15) .wave {
  -webkit-animation-delay: -3927ms;
          animation-delay: -3927ms;
}
.base .waters .water:nth-child(16) {
  -webkit-transform: translate(-18px);
          transform: translate(-18px);
}
.base .waters .water:nth-child(16) .rotate.-x {
  -webkit-animation-delay: -1668ms;
          animation-delay: -1668ms;
}
.base .waters .water:nth-child(16) .rotate.-y {
  -webkit-animation-delay: -3966ms;
          animation-delay: -3966ms;
}
.base .waters .water:nth-child(16) .flow {
  -webkit-animation-delay: -4568ms;
          animation-delay: -4568ms;
}
.base .waters .water:nth-child(16) .wave {
  -webkit-animation-delay: -5434ms;
          animation-delay: -5434ms;
}
.base .waters .water:nth-child(17) {
  -webkit-transform: translate(48px);
          transform: translate(48px);
}
.base .waters .water:nth-child(17) .rotate.-x {
  -webkit-animation-delay: -2364ms;
          animation-delay: -2364ms;
}
.base .waters .water:nth-child(17) .rotate.-y {
  -webkit-animation-delay: -9354ms;
          animation-delay: -9354ms;
}
.base .waters .water:nth-child(17) .flow {
  -webkit-animation-delay: -8992ms;
          animation-delay: -8992ms;
}
.base .waters .water:nth-child(17) .wave {
  -webkit-animation-delay: -7718ms;
          animation-delay: -7718ms;
}
.base .waters .water:nth-child(18) {
  -webkit-transform: translate(5px);
          transform: translate(5px);
}
.base .waters .water:nth-child(18) .rotate.-x {
  -webkit-animation-delay: -6310ms;
          animation-delay: -6310ms;
}
.base .waters .water:nth-child(18) .rotate.-y {
  -webkit-animation-delay: -1733ms;
          animation-delay: -1733ms;
}
.base .waters .water:nth-child(18) .flow {
  -webkit-animation-delay: -8599ms;
          animation-delay: -8599ms;
}
.base .waters .water:nth-child(18) .wave {
  -webkit-animation-delay: -8168ms;
          animation-delay: -8168ms;
}
.base .waters .water:nth-child(19) {
  -webkit-transform: translate(-31px);
          transform: translate(-31px);
}
.base .waters .water:nth-child(19) .rotate.-x {
  -webkit-animation-delay: -5241ms;
          animation-delay: -5241ms;
}
.base .waters .water:nth-child(19) .rotate.-y {
  -webkit-animation-delay: -6359ms;
          animation-delay: -6359ms;
}
.base .waters .water:nth-child(19) .flow {
  -webkit-animation-delay: -4712ms;
          animation-delay: -4712ms;
}
.base .waters .water:nth-child(19) .wave {
  -webkit-animation-delay: -2442ms;
          animation-delay: -2442ms;
}
.base .waters .water:nth-child(20) {
  -webkit-transform: translate(-13px);
          transform: translate(-13px);
}
.base .waters .water:nth-child(20) .rotate.-x {
  -webkit-animation-delay: -7939ms;
          animation-delay: -7939ms;
}
.base .waters .water:nth-child(20) .rotate.-y {
  -webkit-animation-delay: -9726ms;
          animation-delay: -9726ms;
}
.base .waters .water:nth-child(20) .flow {
  -webkit-animation-delay: -4596ms;
          animation-delay: -4596ms;
}
.base .waters .water:nth-child(20) .wave {
  -webkit-animation-delay: -1324ms;
          animation-delay: -1324ms;
}
.base .waters .water:nth-child(21) {
  -webkit-transform: translate(17px);
          transform: translate(17px);
}
.base .waters .water:nth-child(21) .rotate.-x {
  -webkit-animation-delay: -7406ms;
          animation-delay: -7406ms;
}
.base .waters .water:nth-child(21) .rotate.-y {
  -webkit-animation-delay: -9079ms;
          animation-delay: -9079ms;
}
.base .waters .water:nth-child(21) .flow {
  -webkit-animation-delay: -3876ms;
          animation-delay: -3876ms;
}
.base .waters .water:nth-child(21) .wave {
  -webkit-animation-delay: -985ms;
          animation-delay: -985ms;
}
.base .waters .water:nth-child(22) {
  -webkit-transform: translate(-37px);
          transform: translate(-37px);
}
.base .waters .water:nth-child(22) .rotate.-x {
  -webkit-animation-delay: -1994ms;
          animation-delay: -1994ms;
}
.base .waters .water:nth-child(22) .rotate.-y {
  -webkit-animation-delay: -6567ms;
          animation-delay: -6567ms;
}
.base .waters .water:nth-child(22) .flow {
  -webkit-animation-delay: -3112ms;
          animation-delay: -3112ms;
}
.base .waters .water:nth-child(22) .wave {
  -webkit-animation-delay: -4465ms;
          animation-delay: -4465ms;
}
.base .waters .water:nth-child(23) {
  -webkit-transform: translate(3px);
          transform: translate(3px);
}
.base .waters .water:nth-child(23) .rotate.-x {
  -webkit-animation-delay: -1331ms;
          animation-delay: -1331ms;
}
.base .waters .water:nth-child(23) .rotate.-y {
  -webkit-animation-delay: -3979ms;
          animation-delay: -3979ms;
}
.base .waters .water:nth-child(23) .flow {
  -webkit-animation-delay: -9794ms;
          animation-delay: -9794ms;
}
.base .waters .water:nth-child(23) .wave {
  -webkit-animation-delay: -4175ms;
          animation-delay: -4175ms;
}
.base .waters .water:nth-child(24) {
  -webkit-transform: translate(-30px);
          transform: translate(-30px);
}
.base .waters .water:nth-child(24) .rotate.-x {
  -webkit-animation-delay: -8489ms;
          animation-delay: -8489ms;
}
.base .waters .water:nth-child(24) .rotate.-y {
  -webkit-animation-delay: -759ms;
          animation-delay: -759ms;
}
.base .waters .water:nth-child(24) .flow {
  -webkit-animation-delay: -3272ms;
          animation-delay: -3272ms;
}
.base .waters .water:nth-child(24) .wave {
  -webkit-animation-delay: -5209ms;
          animation-delay: -5209ms;
}
.base .waters .water:nth-child(25) {
  -webkit-transform: translate(7px);
          transform: translate(7px);
}
.base .waters .water:nth-child(25) .rotate.-x {
  -webkit-animation-delay: -204ms;
          animation-delay: -204ms;
}
.base .waters .water:nth-child(25) .rotate.-y {
  -webkit-animation-delay: -7849ms;
          animation-delay: -7849ms;
}
.base .waters .water:nth-child(25) .flow {
  -webkit-animation-delay: -390ms;
          animation-delay: -390ms;
}
.base .waters .water:nth-child(25) .wave {
  -webkit-animation-delay: -6740ms;
          animation-delay: -6740ms;
}
.base .waters .water:nth-child(26) {
  -webkit-transform: translate(27px);
          transform: translate(27px);
}
.base .waters .water:nth-child(26) .rotate.-x {
  -webkit-animation-delay: -1337ms;
          animation-delay: -1337ms;
}
.base .waters .water:nth-child(26) .rotate.-y {
  -webkit-animation-delay: -330ms;
          animation-delay: -330ms;
}
.base .waters .water:nth-child(26) .flow {
  -webkit-animation-delay: -2699ms;
          animation-delay: -2699ms;
}
.base .waters .water:nth-child(26) .wave {
  -webkit-animation-delay: -6142ms;
          animation-delay: -6142ms;
}
.base .waters .water:nth-child(27) {
  -webkit-transform: translate(14px);
          transform: translate(14px);
}
.base .waters .water:nth-child(27) .rotate.-x {
  -webkit-animation-delay: -2055ms;
          animation-delay: -2055ms;
}
.base .waters .water:nth-child(27) .rotate.-y {
  -webkit-animation-delay: -3209ms;
          animation-delay: -3209ms;
}
.base .waters .water:nth-child(27) .flow {
  -webkit-animation-delay: -2650ms;
          animation-delay: -2650ms;
}
.base .waters .water:nth-child(27) .wave {
  -webkit-animation-delay: -2411ms;
          animation-delay: -2411ms;
}
.base .waters .water:nth-child(28) {
  -webkit-transform: translate(19px);
          transform: translate(19px);
}
.base .waters .water:nth-child(28) .rotate.-x {
  -webkit-animation-delay: -8045ms;
          animation-delay: -8045ms;
}
.base .waters .water:nth-child(28) .rotate.-y {
  -webkit-animation-delay: -4964ms;
          animation-delay: -4964ms;
}
.base .waters .water:nth-child(28) .flow {
  -webkit-animation-delay: -6362ms;
          animation-delay: -6362ms;
}
.base .waters .water:nth-child(28) .wave {
  -webkit-animation-delay: -1850ms;
          animation-delay: -1850ms;
}
.base .waters .water:nth-child(29) {
  -webkit-transform: translate(3px);
          transform: translate(3px);
}
.base .waters .water:nth-child(29) .rotate.-x {
  -webkit-animation-delay: -6106ms;
          animation-delay: -6106ms;
}
.base .waters .water:nth-child(29) .rotate.-y {
  -webkit-animation-delay: -7248ms;
          animation-delay: -7248ms;
}
.base .waters .water:nth-child(29) .flow {
  -webkit-animation-delay: -9292ms;
          animation-delay: -9292ms;
}
.base .waters .water:nth-child(29) .wave {
  -webkit-animation-delay: -5766ms;
          animation-delay: -5766ms;
}
.base .waters .water:nth-child(30) {
  -webkit-transform: translate(-21px);
          transform: translate(-21px);
}
.base .waters .water:nth-child(30) .rotate.-x {
  -webkit-animation-delay: -1178ms;
          animation-delay: -1178ms;
}
.base .waters .water:nth-child(30) .rotate.-y {
  -webkit-animation-delay: -6574ms;
          animation-delay: -6574ms;
}
.base .waters .water:nth-child(30) .flow {
  -webkit-animation-delay: -5187ms;
          animation-delay: -5187ms;
}
.base .waters .water:nth-child(30) .wave {
  -webkit-animation-delay: -5341ms;
          animation-delay: -5341ms;
}
.base .waters .water:nth-child(31) {
  -webkit-transform: translate(-19px);
          transform: translate(-19px);
}
.base .waters .water:nth-child(31) .rotate.-x {
  -webkit-animation-delay: -4265ms;
          animation-delay: -4265ms;
}
.base .waters .water:nth-child(31) .rotate.-y {
  -webkit-animation-delay: -3433ms;
          animation-delay: -3433ms;
}
.base .waters .water:nth-child(31) .flow {
  -webkit-animation-delay: -9208ms;
          animation-delay: -9208ms;
}
.base .waters .water:nth-child(31) .wave {
  -webkit-animation-delay: -157ms;
          animation-delay: -157ms;
}
.base .waters .water:nth-child(32) {
  -webkit-transform: translate(18px);
          transform: translate(18px);
}
.base .waters .water:nth-child(32) .rotate.-x {
  -webkit-animation-delay: -3177ms;
          animation-delay: -3177ms;
}
.base .waters .water:nth-child(32) .rotate.-y {
  -webkit-animation-delay: -3183ms;
          animation-delay: -3183ms;
}
.base .waters .water:nth-child(32) .flow {
  -webkit-animation-delay: -2099ms;
          animation-delay: -2099ms;
}
.base .waters .water:nth-child(32) .wave {
  -webkit-animation-delay: -1957ms;
          animation-delay: -1957ms;
}
.base .waters .water:nth-child(33) {
  -webkit-transform: translate(7px);
          transform: translate(7px);
}
.base .waters .water:nth-child(33) .rotate.-x {
  -webkit-animation-delay: -9542ms;
          animation-delay: -9542ms;
}
.base .waters .water:nth-child(33) .rotate.-y {
  -webkit-animation-delay: -8890ms;
          animation-delay: -8890ms;
}
.base .waters .water:nth-child(33) .flow {
  -webkit-animation-delay: -959ms;
          animation-delay: -959ms;
}
.base .waters .water:nth-child(33) .wave {
  -webkit-animation-delay: -7150ms;
          animation-delay: -7150ms;
}
.base .waters .water:nth-child(34) {
  -webkit-transform: translate(26px);
          transform: translate(26px);
}
.base .waters .water:nth-child(34) .rotate.-x {
  -webkit-animation-delay: -5644ms;
          animation-delay: -5644ms;
}
.base .waters .water:nth-child(34) .rotate.-y {
  -webkit-animation-delay: -329ms;
          animation-delay: -329ms;
}
.base .waters .water:nth-child(34) .flow {
  -webkit-animation-delay: -6886ms;
          animation-delay: -6886ms;
}
.base .waters .water:nth-child(34) .wave {
  -webkit-animation-delay: -9392ms;
          animation-delay: -9392ms;
}
.base .waters .water:nth-child(35) {
  -webkit-transform: translate(37px);
          transform: translate(37px);
}
.base .waters .water:nth-child(35) .rotate.-x {
  -webkit-animation-delay: -1749ms;
          animation-delay: -1749ms;
}
.base .waters .water:nth-child(35) .rotate.-y {
  -webkit-animation-delay: -5639ms;
          animation-delay: -5639ms;
}
.base .waters .water:nth-child(35) .flow {
  -webkit-animation-delay: -2386ms;
          animation-delay: -2386ms;
}
.base .waters .water:nth-child(35) .wave {
  -webkit-animation-delay: -9170ms;
          animation-delay: -9170ms;
}
.base .waters .water:nth-child(36) {
  -webkit-transform: translate(29px);
          transform: translate(29px);
}
.base .waters .water:nth-child(36) .rotate.-x {
  -webkit-animation-delay: -7324ms;
          animation-delay: -7324ms;
}
.base .waters .water:nth-child(36) .rotate.-y {
  -webkit-animation-delay: -586ms;
          animation-delay: -586ms;
}
.base .waters .water:nth-child(36) .flow {
  -webkit-animation-delay: -2807ms;
          animation-delay: -2807ms;
}
.base .waters .water:nth-child(36) .wave {
  -webkit-animation-delay: -818ms;
          animation-delay: -818ms;
}
.base .waters .water:nth-child(37) {
  -webkit-transform: translate(34px);
          transform: translate(34px);
}
.base .waters .water:nth-child(37) .rotate.-x {
  -webkit-animation-delay: -5373ms;
          animation-delay: -5373ms;
}
.base .waters .water:nth-child(37) .rotate.-y {
  -webkit-animation-delay: -5417ms;
          animation-delay: -5417ms;
}
.base .waters .water:nth-child(37) .flow {
  -webkit-animation-delay: -6104ms;
          animation-delay: -6104ms;
}
.base .waters .water:nth-child(37) .wave {
  -webkit-animation-delay: -1517ms;
          animation-delay: -1517ms;
}
.base .waters .water:nth-child(38) {
  -webkit-transform: translate(-33px);
          transform: translate(-33px);
}
.base .waters .water:nth-child(38) .rotate.-x {
  -webkit-animation-delay: -8327ms;
          animation-delay: -8327ms;
}
.base .waters .water:nth-child(38) .rotate.-y {
  -webkit-animation-delay: -7476ms;
          animation-delay: -7476ms;
}
.base .waters .water:nth-child(38) .flow {
  -webkit-animation-delay: -2755ms;
          animation-delay: -2755ms;
}
.base .waters .water:nth-child(38) .wave {
  -webkit-animation-delay: -6455ms;
          animation-delay: -6455ms;
}
.base .waters .water:nth-child(39) {
  -webkit-transform: translate(20px);
          transform: translate(20px);
}
.base .waters .water:nth-child(39) .rotate.-x {
  -webkit-animation-delay: -1642ms;
          animation-delay: -1642ms;
}
.base .waters .water:nth-child(39) .rotate.-y {
  -webkit-animation-delay: -6043ms;
          animation-delay: -6043ms;
}
.base .waters .water:nth-child(39) .flow {
  -webkit-animation-delay: -5507ms;
          animation-delay: -5507ms;
}
.base .waters .water:nth-child(39) .wave {
  -webkit-animation-delay: -419ms;
          animation-delay: -419ms;
}
.base .waters .water:nth-child(40) {
  -webkit-transform: translate(-16px);
          transform: translate(-16px);
}
.base .waters .water:nth-child(40) .rotate.-x {
  -webkit-animation-delay: -2987ms;
          animation-delay: -2987ms;
}
.base .waters .water:nth-child(40) .rotate.-y {
  -webkit-animation-delay: -3356ms;
          animation-delay: -3356ms;
}
.base .waters .water:nth-child(40) .flow {
  -webkit-animation-delay: -1469ms;
          animation-delay: -1469ms;
}
.base .waters .water:nth-child(40) .wave {
  -webkit-animation-delay: -876ms;
          animation-delay: -876ms;
}
.base .waters .water:nth-child(41) {
  -webkit-transform: translate(28px);
          transform: translate(28px);
}
.base .waters .water:nth-child(41) .rotate.-x {
  -webkit-animation-delay: -7668ms;
          animation-delay: -7668ms;
}
.base .waters .water:nth-child(41) .rotate.-y {
  -webkit-animation-delay: -7233ms;
          animation-delay: -7233ms;
}
.base .waters .water:nth-child(41) .flow {
  -webkit-animation-delay: -9360ms;
          animation-delay: -9360ms;
}
.base .waters .water:nth-child(41) .wave {
  -webkit-animation-delay: -7958ms;
          animation-delay: -7958ms;
}
.base .waters .water:nth-child(42) {
  -webkit-transform: translate(15px);
          transform: translate(15px);
}
.base .waters .water:nth-child(42) .rotate.-x {
  -webkit-animation-delay: -349ms;
          animation-delay: -349ms;
}
.base .waters .water:nth-child(42) .rotate.-y {
  -webkit-animation-delay: -8753ms;
          animation-delay: -8753ms;
}
.base .waters .water:nth-child(42) .flow {
  -webkit-animation-delay: -4180ms;
          animation-delay: -4180ms;
}
.base .waters .water:nth-child(42) .wave {
  -webkit-animation-delay: -5429ms;
          animation-delay: -5429ms;
}
.base .waters .water:nth-child(43) {
  -webkit-transform: translate(-47px);
          transform: translate(-47px);
}
.base .waters .water:nth-child(43) .rotate.-x {
  -webkit-animation-delay: -6435ms;
          animation-delay: -6435ms;
}
.base .waters .water:nth-child(43) .rotate.-y {
  -webkit-animation-delay: -1087ms;
          animation-delay: -1087ms;
}
.base .waters .water:nth-child(43) .flow {
  -webkit-animation-delay: -6424ms;
          animation-delay: -6424ms;
}
.base .waters .water:nth-child(43) .wave {
  -webkit-animation-delay: -8573ms;
          animation-delay: -8573ms;
}
.base .waters .water:nth-child(44) {
  -webkit-transform: translate(-7px);
          transform: translate(-7px);
}
.base .waters .water:nth-child(44) .rotate.-x {
  -webkit-animation-delay: -6413ms;
          animation-delay: -6413ms;
}
.base .waters .water:nth-child(44) .rotate.-y {
  -webkit-animation-delay: -3364ms;
          animation-delay: -3364ms;
}
.base .waters .water:nth-child(44) .flow {
  -webkit-animation-delay: -7609ms;
          animation-delay: -7609ms;
}
.base .waters .water:nth-child(44) .wave {
  -webkit-animation-delay: -7124ms;
          animation-delay: -7124ms;
}
.base .waters .water:nth-child(45) {
  -webkit-transform: translate(-28px);
          transform: translate(-28px);
}
.base .waters .water:nth-child(45) .rotate.-x {
  -webkit-animation-delay: -4960ms;
          animation-delay: -4960ms;
}
.base .waters .water:nth-child(45) .rotate.-y {
  -webkit-animation-delay: -6461ms;
          animation-delay: -6461ms;
}
.base .waters .water:nth-child(45) .flow {
  -webkit-animation-delay: -8277ms;
          animation-delay: -8277ms;
}
.base .waters .water:nth-child(45) .wave {
  -webkit-animation-delay: -439ms;
          animation-delay: -439ms;
}
.base .waters .water:nth-child(46) {
  -webkit-transform: translate(35px);
          transform: translate(35px);
}
.base .waters .water:nth-child(46) .rotate.-x {
  -webkit-animation-delay: -239ms;
          animation-delay: -239ms;
}
.base .waters .water:nth-child(46) .rotate.-y {
  -webkit-animation-delay: -4684ms;
          animation-delay: -4684ms;
}
.base .waters .water:nth-child(46) .flow {
  -webkit-animation-delay: -9044ms;
          animation-delay: -9044ms;
}
.base .waters .water:nth-child(46) .wave {
  -webkit-animation-delay: -7632ms;
          animation-delay: -7632ms;
}
.base .waters .water:nth-child(47) {
  -webkit-transform: translate(29px);
          transform: translate(29px);
}
.base .waters .water:nth-child(47) .rotate.-x {
  -webkit-animation-delay: -6570ms;
          animation-delay: -6570ms;
}
.base .waters .water:nth-child(47) .rotate.-y {
  -webkit-animation-delay: -8197ms;
          animation-delay: -8197ms;
}
.base .waters .water:nth-child(47) .flow {
  -webkit-animation-delay: -1733ms;
          animation-delay: -1733ms;
}
.base .waters .water:nth-child(47) .wave {
  -webkit-animation-delay: -7131ms;
          animation-delay: -7131ms;
}
.base .waters .water:nth-child(48) {
  -webkit-transform: translate(33px);
          transform: translate(33px);
}
.base .waters .water:nth-child(48) .rotate.-x {
  -webkit-animation-delay: -7158ms;
          animation-delay: -7158ms;
}
.base .waters .water:nth-child(48) .rotate.-y {
  -webkit-animation-delay: -6569ms;
          animation-delay: -6569ms;
}
.base .waters .water:nth-child(48) .flow {
  -webkit-animation-delay: -1392ms;
          animation-delay: -1392ms;
}
.base .waters .water:nth-child(48) .wave {
  -webkit-animation-delay: -8349ms;
          animation-delay: -8349ms;
}
.base .waters .water:nth-child(49) {
  -webkit-transform: translate(-27px);
          transform: translate(-27px);
}
.base .waters .water:nth-child(49) .rotate.-x {
  -webkit-animation-delay: -6386ms;
          animation-delay: -6386ms;
}
.base .waters .water:nth-child(49) .rotate.-y {
  -webkit-animation-delay: -3627ms;
          animation-delay: -3627ms;
}
.base .waters .water:nth-child(49) .flow {
  -webkit-animation-delay: -8716ms;
          animation-delay: -8716ms;
}
.base .waters .water:nth-child(49) .wave {
  -webkit-animation-delay: -8849ms;
          animation-delay: -8849ms;
}
.base .waters .water:nth-child(50) {
  -webkit-transform: translate(32px);
          transform: translate(32px);
}
.base .waters .water:nth-child(50) .rotate.-x {
  -webkit-animation-delay: -6239ms;
          animation-delay: -6239ms;
}
.base .waters .water:nth-child(50) .rotate.-y {
  -webkit-animation-delay: -7625ms;
          animation-delay: -7625ms;
}
.base .waters .water:nth-child(50) .flow {
  -webkit-animation-delay: -9180ms;
          animation-delay: -9180ms;
}
.base .waters .water:nth-child(50) .wave {
  -webkit-animation-delay: -4566ms;
          animation-delay: -4566ms;
}
.base .waters .water:nth-child(51) {
  -webkit-transform: translate(15px);
          transform: translate(15px);
}
.base .waters .water:nth-child(51) .rotate.-x {
  -webkit-animation-delay: -5409ms;
          animation-delay: -5409ms;
}
.base .waters .water:nth-child(51) .rotate.-y {
  -webkit-animation-delay: -2246ms;
          animation-delay: -2246ms;
}
.base .waters .water:nth-child(51) .flow {
  -webkit-animation-delay: -5541ms;
          animation-delay: -5541ms;
}
.base .waters .water:nth-child(51) .wave {
  -webkit-animation-delay: -2918ms;
          animation-delay: -2918ms;
}
.base .waters .water:nth-child(52) {
  -webkit-transform: translate(-35px);
          transform: translate(-35px);
}
.base .waters .water:nth-child(52) .rotate.-x {
  -webkit-animation-delay: -4132ms;
          animation-delay: -4132ms;
}
.base .waters .water:nth-child(52) .rotate.-y {
  -webkit-animation-delay: -3794ms;
          animation-delay: -3794ms;
}
.base .waters .water:nth-child(52) .flow {
  -webkit-animation-delay: -6912ms;
          animation-delay: -6912ms;
}
.base .waters .water:nth-child(52) .wave {
  -webkit-animation-delay: -1905ms;
          animation-delay: -1905ms;
}
.base .waters .water:nth-child(53) {
  -webkit-transform: translate(48px);
          transform: translate(48px);
}
.base .waters .water:nth-child(53) .rotate.-x {
  -webkit-animation-delay: -7080ms;
          animation-delay: -7080ms;
}
.base .waters .water:nth-child(53) .rotate.-y {
  -webkit-animation-delay: -9631ms;
          animation-delay: -9631ms;
}
.base .waters .water:nth-child(53) .flow {
  -webkit-animation-delay: -4404ms;
          animation-delay: -4404ms;
}
.base .waters .water:nth-child(53) .wave {
  -webkit-animation-delay: -12ms;
          animation-delay: -12ms;
}
.base .waters .water:nth-child(54) {
  -webkit-transform: translate(18px);
          transform: translate(18px);
}
.base .waters .water:nth-child(54) .rotate.-x {
  -webkit-animation-delay: -8207ms;
          animation-delay: -8207ms;
}
.base .waters .water:nth-child(54) .rotate.-y {
  -webkit-animation-delay: -2963ms;
          animation-delay: -2963ms;
}
.base .waters .water:nth-child(54) .flow {
  -webkit-animation-delay: -5952ms;
          animation-delay: -5952ms;
}
.base .waters .water:nth-child(54) .wave {
  -webkit-animation-delay: -3912ms;
          animation-delay: -3912ms;
}
.base .waters .water:nth-child(55) {
  -webkit-transform: translate(10px);
          transform: translate(10px);
}
.base .waters .water:nth-child(55) .rotate.-x {
  -webkit-animation-delay: -8051ms;
          animation-delay: -8051ms;
}
.base .waters .water:nth-child(55) .rotate.-y {
  -webkit-animation-delay: -3123ms;
          animation-delay: -3123ms;
}
.base .waters .water:nth-child(55) .flow {
  -webkit-animation-delay: -2703ms;
          animation-delay: -2703ms;
}
.base .waters .water:nth-child(55) .wave {
  -webkit-animation-delay: -2031ms;
          animation-delay: -2031ms;
}
.base .waters .water:nth-child(56) {
  -webkit-transform: translate(-31px);
          transform: translate(-31px);
}
.base .waters .water:nth-child(56) .rotate.-x {
  -webkit-animation-delay: -1281ms;
          animation-delay: -1281ms;
}
.base .waters .water:nth-child(56) .rotate.-y {
  -webkit-animation-delay: -870ms;
          animation-delay: -870ms;
}
.base .waters .water:nth-child(56) .flow {
  -webkit-animation-delay: -7127ms;
          animation-delay: -7127ms;
}
.base .waters .water:nth-child(56) .wave {
  -webkit-animation-delay: -312ms;
          animation-delay: -312ms;
}
.base .waters .water:nth-child(57) {
  -webkit-transform: translate(-8px);
          transform: translate(-8px);
}
.base .waters .water:nth-child(57) .rotate.-x {
  -webkit-animation-delay: -2300ms;
          animation-delay: -2300ms;
}
.base .waters .water:nth-child(57) .rotate.-y {
  -webkit-animation-delay: -1550ms;
          animation-delay: -1550ms;
}
.base .waters .water:nth-child(57) .flow {
  -webkit-animation-delay: -7215ms;
          animation-delay: -7215ms;
}
.base .waters .water:nth-child(57) .wave {
  -webkit-animation-delay: -5355ms;
          animation-delay: -5355ms;
}
.base .waters .water:nth-child(58) {
  -webkit-transform: translate(-35px);
          transform: translate(-35px);
}
.base .waters .water:nth-child(58) .rotate.-x {
  -webkit-animation-delay: -2625ms;
          animation-delay: -2625ms;
}
.base .waters .water:nth-child(58) .rotate.-y {
  -webkit-animation-delay: -5373ms;
          animation-delay: -5373ms;
}
.base .waters .water:nth-child(58) .flow {
  -webkit-animation-delay: -7800ms;
          animation-delay: -7800ms;
}
.base .waters .water:nth-child(58) .wave {
  -webkit-animation-delay: -6164ms;
          animation-delay: -6164ms;
}
.base .waters .water:nth-child(59) {
  -webkit-transform: translate(43px);
          transform: translate(43px);
}
.base .waters .water:nth-child(59) .rotate.-x {
  -webkit-animation-delay: -6690ms;
          animation-delay: -6690ms;
}
.base .waters .water:nth-child(59) .rotate.-y {
  -webkit-animation-delay: -5160ms;
          animation-delay: -5160ms;
}
.base .waters .water:nth-child(59) .flow {
  -webkit-animation-delay: -8753ms;
          animation-delay: -8753ms;
}
.base .waters .water:nth-child(59) .wave {
  -webkit-animation-delay: -8967ms;
          animation-delay: -8967ms;
}
.base .waters .water:nth-child(60) {
  -webkit-transform: translate(0px);
          transform: translate(0px);
}
.base .waters .water:nth-child(60) .rotate.-x {
  -webkit-animation-delay: -262ms;
          animation-delay: -262ms;
}
.base .waters .water:nth-child(60) .rotate.-y {
  -webkit-animation-delay: -1258ms;
          animation-delay: -1258ms;
}
.base .waters .water:nth-child(60) .flow {
  -webkit-animation-delay: -6698ms;
          animation-delay: -6698ms;
}
.base .waters .water:nth-child(60) .wave {
  -webkit-animation-delay: -3659ms;
          animation-delay: -3659ms;
}
.base .waters .water:nth-child(61) {
  -webkit-transform: translate(4px);
          transform: translate(4px);
}
.base .waters .water:nth-child(61) .rotate.-x {
  -webkit-animation-delay: -2541ms;
          animation-delay: -2541ms;
}
.base .waters .water:nth-child(61) .rotate.-y {
  -webkit-animation-delay: -8837ms;
          animation-delay: -8837ms;
}
.base .waters .water:nth-child(61) .flow {
  -webkit-animation-delay: -9453ms;
          animation-delay: -9453ms;
}
.base .waters .water:nth-child(61) .wave {
  -webkit-animation-delay: -5638ms;
          animation-delay: -5638ms;
}
.base .waters .water:nth-child(62) {
  -webkit-transform: translate(49px);
          transform: translate(49px);
}
.base .waters .water:nth-child(62) .rotate.-x {
  -webkit-animation-delay: -4739ms;
          animation-delay: -4739ms;
}
.base .waters .water:nth-child(62) .rotate.-y {
  -webkit-animation-delay: -7605ms;
          animation-delay: -7605ms;
}
.base .waters .water:nth-child(62) .flow {
  -webkit-animation-delay: -794ms;
          animation-delay: -794ms;
}
.base .waters .water:nth-child(62) .wave {
  -webkit-animation-delay: -4889ms;
          animation-delay: -4889ms;
}
.base .waters .water:nth-child(63) {
  -webkit-transform: translate(-31px);
          transform: translate(-31px);
}
.base .waters .water:nth-child(63) .rotate.-x {
  -webkit-animation-delay: -3915ms;
          animation-delay: -3915ms;
}
.base .waters .water:nth-child(63) .rotate.-y {
  -webkit-animation-delay: -1013ms;
          animation-delay: -1013ms;
}
.base .waters .water:nth-child(63) .flow {
  -webkit-animation-delay: -126ms;
          animation-delay: -126ms;
}
.base .waters .water:nth-child(63) .wave {
  -webkit-animation-delay: -8503ms;
          animation-delay: -8503ms;
}
.base .waters .water:nth-child(64) {
  -webkit-transform: translate(29px);
          transform: translate(29px);
}
.base .waters .water:nth-child(64) .rotate.-x {
  -webkit-animation-delay: -3900ms;
          animation-delay: -3900ms;
}
.base .waters .water:nth-child(64) .rotate.-y {
  -webkit-animation-delay: -6445ms;
          animation-delay: -6445ms;
}
.base .waters .water:nth-child(64) .flow {
  -webkit-animation-delay: -1300ms;
          animation-delay: -1300ms;
}
.base .waters .water:nth-child(64) .wave {
  -webkit-animation-delay: -8036ms;
          animation-delay: -8036ms;
}
.base .waters .water:nth-child(65) {
  -webkit-transform: translate(-31px);
          transform: translate(-31px);
}
.base .waters .water:nth-child(65) .rotate.-x {
  -webkit-animation-delay: -9750ms;
          animation-delay: -9750ms;
}
.base .waters .water:nth-child(65) .rotate.-y {
  -webkit-animation-delay: -388ms;
          animation-delay: -388ms;
}
.base .waters .water:nth-child(65) .flow {
  -webkit-animation-delay: -602ms;
          animation-delay: -602ms;
}
.base .waters .water:nth-child(65) .wave {
  -webkit-animation-delay: -8487ms;
          animation-delay: -8487ms;
}
.base .waters .water:nth-child(66) {
  -webkit-transform: translate(-27px);
          transform: translate(-27px);
}
.base .waters .water:nth-child(66) .rotate.-x {
  -webkit-animation-delay: -7704ms;
          animation-delay: -7704ms;
}
.base .waters .water:nth-child(66) .rotate.-y {
  -webkit-animation-delay: -7335ms;
          animation-delay: -7335ms;
}
.base .waters .water:nth-child(66) .flow {
  -webkit-animation-delay: -1944ms;
          animation-delay: -1944ms;
}
.base .waters .water:nth-child(66) .wave {
  -webkit-animation-delay: -4784ms;
          animation-delay: -4784ms;
}
.base .waters .water:nth-child(67) {
  -webkit-transform: translate(28px);
          transform: translate(28px);
}
.base .waters .water:nth-child(67) .rotate.-x {
  -webkit-animation-delay: -165ms;
          animation-delay: -165ms;
}
.base .waters .water:nth-child(67) .rotate.-y {
  -webkit-animation-delay: -59ms;
          animation-delay: -59ms;
}
.base .waters .water:nth-child(67) .flow {
  -webkit-animation-delay: -6858ms;
          animation-delay: -6858ms;
}
.base .waters .water:nth-child(67) .wave {
  -webkit-animation-delay: -7361ms;
          animation-delay: -7361ms;
}
.base .waters .water:nth-child(68) {
  -webkit-transform: translate(-2px);
          transform: translate(-2px);
}
.base .waters .water:nth-child(68) .rotate.-x {
  -webkit-animation-delay: -9534ms;
          animation-delay: -9534ms;
}
.base .waters .water:nth-child(68) .rotate.-y {
  -webkit-animation-delay: -7139ms;
          animation-delay: -7139ms;
}
.base .waters .water:nth-child(68) .flow {
  -webkit-animation-delay: -4763ms;
          animation-delay: -4763ms;
}
.base .waters .water:nth-child(68) .wave {
  -webkit-animation-delay: -9497ms;
          animation-delay: -9497ms;
}
.base .waters .water:nth-child(69) {
  -webkit-transform: translate(7px);
          transform: translate(7px);
}
.base .waters .water:nth-child(69) .rotate.-x {
  -webkit-animation-delay: -3834ms;
          animation-delay: -3834ms;
}
.base .waters .water:nth-child(69) .rotate.-y {
  -webkit-animation-delay: -9788ms;
          animation-delay: -9788ms;
}
.base .waters .water:nth-child(69) .flow {
  -webkit-animation-delay: -8973ms;
          animation-delay: -8973ms;
}
.base .waters .water:nth-child(69) .wave {
  -webkit-animation-delay: -3996ms;
          animation-delay: -3996ms;
}
.base .waters .water:nth-child(70) {
  -webkit-transform: translate(-34px);
          transform: translate(-34px);
}
.base .waters .water:nth-child(70) .rotate.-x {
  -webkit-animation-delay: -3546ms;
          animation-delay: -3546ms;
}
.base .waters .water:nth-child(70) .rotate.-y {
  -webkit-animation-delay: -2325ms;
          animation-delay: -2325ms;
}
.base .waters .water:nth-child(70) .flow {
  -webkit-animation-delay: -2970ms;
          animation-delay: -2970ms;
}
.base .waters .water:nth-child(70) .wave {
  -webkit-animation-delay: -3758ms;
          animation-delay: -3758ms;
}
.base .waters .water:nth-child(71) {
  -webkit-transform: translate(-26px);
          transform: translate(-26px);
}
.base .waters .water:nth-child(71) .rotate.-x {
  -webkit-animation-delay: -7834ms;
          animation-delay: -7834ms;
}
.base .waters .water:nth-child(71) .rotate.-y {
  -webkit-animation-delay: -1405ms;
          animation-delay: -1405ms;
}
.base .waters .water:nth-child(71) .flow {
  -webkit-animation-delay: -2145ms;
          animation-delay: -2145ms;
}
.base .waters .water:nth-child(71) .wave {
  -webkit-animation-delay: -900ms;
          animation-delay: -900ms;
}
.base .waters .water:nth-child(72) {
  -webkit-transform: translate(39px);
          transform: translate(39px);
}
.base .waters .water:nth-child(72) .rotate.-x {
  -webkit-animation-delay: -4075ms;
          animation-delay: -4075ms;
}
.base .waters .water:nth-child(72) .rotate.-y {
  -webkit-animation-delay: -9099ms;
          animation-delay: -9099ms;
}
.base .waters .water:nth-child(72) .flow {
  -webkit-animation-delay: -6823ms;
          animation-delay: -6823ms;
}
.base .waters .water:nth-child(72) .wave {
  -webkit-animation-delay: -5240ms;
          animation-delay: -5240ms;
}
.base .waters .water:nth-child(73) {
  -webkit-transform: translate(-29px);
          transform: translate(-29px);
}
.base .waters .water:nth-child(73) .rotate.-x {
  -webkit-animation-delay: -5331ms;
          animation-delay: -5331ms;
}
.base .waters .water:nth-child(73) .rotate.-y {
  -webkit-animation-delay: -6558ms;
          animation-delay: -6558ms;
}
.base .waters .water:nth-child(73) .flow {
  -webkit-animation-delay: -1227ms;
          animation-delay: -1227ms;
}
.base .waters .water:nth-child(73) .wave {
  -webkit-animation-delay: -6418ms;
          animation-delay: -6418ms;
}
.base .waters .water:nth-child(74) {
  -webkit-transform: translate(-29px);
          transform: translate(-29px);
}
.base .waters .water:nth-child(74) .rotate.-x {
  -webkit-animation-delay: -3938ms;
          animation-delay: -3938ms;
}
.base .waters .water:nth-child(74) .rotate.-y {
  -webkit-animation-delay: -2047ms;
          animation-delay: -2047ms;
}
.base .waters .water:nth-child(74) .flow {
  -webkit-animation-delay: -8987ms;
          animation-delay: -8987ms;
}
.base .waters .water:nth-child(74) .wave {
  -webkit-animation-delay: -763ms;
          animation-delay: -763ms;
}
.base .waters .water:nth-child(75) {
  -webkit-transform: translate(40px);
          transform: translate(40px);
}
.base .waters .water:nth-child(75) .rotate.-x {
  -webkit-animation-delay: -6631ms;
          animation-delay: -6631ms;
}
.base .waters .water:nth-child(75) .rotate.-y {
  -webkit-animation-delay: -6763ms;
          animation-delay: -6763ms;
}
.base .waters .water:nth-child(75) .flow {
  -webkit-animation-delay: -9793ms;
          animation-delay: -9793ms;
}
.base .waters .water:nth-child(75) .wave {
  -webkit-animation-delay: -2582ms;
          animation-delay: -2582ms;
}
.base .waters .water:nth-child(76) {
  -webkit-transform: translate(11px);
          transform: translate(11px);
}
.base .waters .water:nth-child(76) .rotate.-x {
  -webkit-animation-delay: -6190ms;
          animation-delay: -6190ms;
}
.base .waters .water:nth-child(76) .rotate.-y {
  -webkit-animation-delay: -2664ms;
          animation-delay: -2664ms;
}
.base .waters .water:nth-child(76) .flow {
  -webkit-animation-delay: -4726ms;
          animation-delay: -4726ms;
}
.base .waters .water:nth-child(76) .wave {
  -webkit-animation-delay: -9703ms;
          animation-delay: -9703ms;
}
.base .waters .water:nth-child(77) {
  -webkit-transform: translate(-40px);
          transform: translate(-40px);
}
.base .waters .water:nth-child(77) .rotate.-x {
  -webkit-animation-delay: -7534ms;
          animation-delay: -7534ms;
}
.base .waters .water:nth-child(77) .rotate.-y {
  -webkit-animation-delay: -2253ms;
          animation-delay: -2253ms;
}
.base.........完整代码请登录后点击上方下载按钮下载查看