.animation1 a.white-mode, .animation1 a.white-mode:link, .animation1 a.white-mode:visited, .animation1 a.white-mode:active{font-family:"Montserrat";font-size:12px;text-decoration:none;background:#212121;padding:4px 8px;color:#f7f7f7}.animation1 a.white-mode:hover, .animation1 a.white-mode:link:hover, .animation1 a.white-mode:visited:hover, .animation1 a.white-mode:active:hover{background:#edf3f8;color:#212121}.animation1 .title{z-index:10;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%) scale(0.8);text-align:center}.animation1 .title h3{font-family:"Montserrat";font-weight:200;font-size:20px;padding:0;margin:0;line-height:1;color:#FFF;letter-spacing:2px}.animation1 .title h2{font-family:"Lato",sans-serif;font-size:14px;font-weight:400;font-style:italic;padding:0;margin:4px 0 0 0;line-height:1;color:#FFF;letter-spacing:2px}.animation1 svg{transition:fill 0.3s ease-out;display:block;width:30px;height:30px;position:absolute;transform:translateZ(0px);fill:#444}.animation1 svg.highlight{fill:#fcd000}.animation2 a.white-mode, .animation2 a.white-mode:link, .animation2 a.white-mode:visited, .animation2 a.white-mode:active{font-family:"Montserrat";font-size:12px;text-decoration:none;background:#212121;padding:4px 8px;color:#f7f7f7}.animation2 a.white-mode:hover, .animation2 a.white-mode:link:hover, .animation2 a.white-mode:visited:hover, .animation2 a.white-mode:active:hover{background:#edf3f8;color:#212121}.animation2 body{margin:0;padding:0;background:#d84d32;overflow:hidden;width:100%;height:100%}.animation3 a.white-mode, .animation3 a.white-mode:link, .animation3 a.white-mode:visited, .animation3 a.white-mode:active{font-family:"Montserrat";font-size:12px;text-decoration:none;background:#212121;padding:4px 8px;color:#f7f7f7}.animation3 a.white-mode:hover, .animation3 a.white-mode:link:hover, .animation3 a.white-mode:visited:hover, .animation3 a.white-mode:active:hover{background:#edf3f8;color:#212121}.animation3 body{margin:0;padding:0;width:100%;height:100%;background:#FEFEFE;font-family:"Montserrat";font-size:12px;text-decoration:none;overflow:hidden}.animation3 .title{z-index:10;position:absolute;left:50%;top:46%;transform:translateX(-50%) translateY(-50%);font-family:"Montserrat";text-align:center;width:60%}.animation3 .title h1{position:relative;color:#212121;font-weight:300;font-size:60px;padding:0;margin:0;line-height:1}.animation3 .title h1 span{font-weight:600;font-size:60px;padding:0;margin:0;line-height:1}.animation3 .title h3{font-weight:200;font-size:20px;padding:0;margin:0;line-height:1;color:#212121;letter-spacing:2px}.animation4 .more-pens{position:fixed;left:20px;bottom:20px;z-index:10;font-family:"Montserrat";font-size:12px}.animation4 a.white-mode, .animation4 a.white-mode:link, .animation4 a.white-mode:visited, .animation4 a.white-mode:active{font-family:"Montserrat";font-size:12px;text-decoration:none;background:#212121;padding:4px 8px;color:#f7f7f7}.animation4 a.white-mode:hover, .animation4 a.white-mode:link:hover, .animation4 a.white-mode:visited:hover, .animation4 a.white-mode:active:hover{background:#edf3f8;color:#212121}.animation4 body{margin:0;padding:0;overflow:hidden}.animation4 .background{position:absolute;left:0;top:0;width:100%;height:100%;background:#edf3f8;background:-moz-radial-gradient(center, ellipse cover, #edf3f8 1%, #dee3e8 100%);background:-webkit-radial-gradient(center, ellipse cover, #edf3f8 1%, #dee3e8 100%);background:radial-gradient(ellipse at center, #edf3f8 1%, #dee3e8 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#edf3f8", endColorstr="#dee3e8",GradientType=1 )}.animation4 .title{z-index:10;position:absolute;left:50%;top:40%;transform:translateX(-50%) translateY(-50%);font-family:"Montserrat";text-align:center;width:60%}.animation4 .title h1{position:relative;color:#000;font-weight:300;font-size:46px;padding:0;margin:0;line-height:1}.animation4 .title h2{font-weight:600;font-size:60px;padding:0;margin:0;line-height:1}.animation4 .title h3{font-weight:200;font-size:20px;padding:0;margin:0;line-height:2;color:#5e7283;letter-spacing:2px}.animation4 .title p{font-weight:200;font-size:16px;color:#5e7283}.animation4 .pentahedron{position:absolute;width:100%;height:100%;fill:#3E82F7}.animation4 .point{fill:#8491A3}.animation4 .rhombus{fill:#2DA94F;stroke:#2DA94F}.animation4 .x{fill:#FDBD00}.animation4 .circle{fill:#ED412D}.animation4 svg{display:block;width:30px;height:30px;position:absolute;transform:translateZ(0px)}.animation5 .more-pens{position:fixed;left:20px;bottom:20px;z-index:10;font-family:"Montserrat";font-size:12px}.animation5 a.white-mode, .animation5 a.white-mode:link, .animation5 a.white-mode:visited, .animation5 a.white-mode:active{font-family:"Montserrat";font-size:12px;text-decoration:none;background:#212121;padding:4px 8px;color:#f7f7f7}.animation5 a.white-mode:hover, .animation5 a.white-mode:link:hover, .animation5 a.white-mode:visited:hover, .animation5 a.white-mode:active:hover{background:#edf3f8;color:#212121}.animation5 body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background:#E4EAF1}.animation5 .title{z-index:10;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-family:"Montserrat";text-align:center;width:60%}.animation5 .title h1{position:relative;color:#212121;font-weight:600;font-size:60px;padding:0;margin:0;line-height:1}.animation5 .title h1 span{font-weight:600;font-size:60px;padding:0;margin:0;line-height:1}.animation5 .title h3{font-weight:200;font-size:20px;padding:0;margin:0;line-height:1;color:#333;letter-spacing:2px}.animation5 .circle{fill:#ED412D}.animation5 .pentahedron{position:absolute;width:100%;height:100%;fill:#3E82F7}.animation5 .rhombus{fill:#2DA94F;stroke:#2DA94F}.animation5 .x{fill:#FDBD00}.animation5 svg{display:block;width:30px;height:30px;position:absolute;transform:translateZ(0px)}.animation6{display:none}.animation6 .wall{background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/18515/PIA09959-1280x800_copy.jpg");background-size:cover}.animation6 html, .animation6 body{height:100%;width:100%;overflow:hidden}.animation6 body{background:#000;text-align:center}.animation6 body:before{content:"";display:inline-block;height:100%;vertical-align:middle}.animation6 .scene{width:50%;height:100vh}.animation6 .scene{display:inline-block;vertical-align:middle;perspective:5px;perspective-origin:50% 50%;position:relative}.animation6 .wrap{position:absolute;width:1000px;height:1000px;left:-500px;top:-500px;transform-style:preserve-3d;animation:move 12s infinite linear;animation-fill-mode:forwards}.animation6 .wrap:nth-child(2){animation:move 12s infinite linear;animation-delay:6s}.animation6 .wall{width:100%;height:100%;position:absolute;opacity:0;animation:fade 12s infinite linear;animation-delay:0}.animation6 .wrap:nth-child(2) .wall{animation-delay:6s}.animation6 .wall-right{transform:rotateY(90deg) translateZ(500px)}.animation6 .wall-left{transform:rotateY(-90deg) translateZ(500px)}.animation6 .wall-top{transform:rotateX(90deg) translateZ(500px)}.animation6 .wall-bottom{transform:rotateX(-90deg) translateZ(500px)}.animation6 .wall-back{transform:rotateX(180deg) translateZ(500px)}@keyframes move{0%{transform:translateZ(-500px) rotate(0deg)}100%{transform:translateZ(500px) rotate(0deg)}}@keyframes fade{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}.more-pens-animation4{position:absolute;width:100%;height:100vh}.bg_heart{position:relative;top:0;left:0;width:100%;height:100%;overflow:hidden}.heart{position:absolute;top:-50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-m-transform:rotate(-45deg);transform:rotate(-45deg)}.heart:before{position:absolute;top:-50%;left:0;display:block;content:"";width:100%;height:100%;background:inherit;border-radius:100%}.heart:after{position:absolute;top:0;right:-50%;display:block;content:"";width:100%;height:100%;background:inherit;border-radius:100%}@-webkit-keyframes love{0%{top:110%}}@-moz-keyframes love{0%{top:110%}}@-ms-keyframes love{0%{top:110%}}@keyframes love{0%{top:110%}}