Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
document.addEventListener('DOMContentLoaded', function () { var counter = setInterval(function() { var numberElem = document.getElementById('number'); numberElem.innerHTML = parseInt(numberElem.innerHTML) + 1; if ( parseInt(numberElem.innerHTML) == 100 ) { clearInterval(counter); } }, 7500/98); });
CSS
/* line 18, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ body { background: #a5dee4; } /* line 21, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .container { margin: 200px 0 0 200px; position: relative; } /* line 28, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .zipper { position: absolute; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* line 30, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .zipper .left-zipper, .zipper .right-zipper, .zipper .slider, .zipper .segments, .zipper .pins, .zipper .percent { position: absolute; } /* line 42, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .zipper .left-zipper .pins { left: 20px; } /* line 46, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .zipper .right-zipper { left: 80px; } /* line 48, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .zipper .right-zipper .pins { left: -10px; top: 10px; } @-moz-keyframes left-segment-frames { /* line 60, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 60, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 60, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 67, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment { width: 30px; height: 5px; background: #897d55; -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-1 { -moz-animation-delay: -0.5s; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-2 { -moz-animation-delay: -0.43333s; -webkit-animation-delay: -0.43333s; animation-delay: -0.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-3 { -moz-animation-delay: -0.36667s; -webkit-animation-delay: -0.36667s; animation-delay: -0.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-4 { -moz-animation-delay: -0.3s; -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-5 { -moz-animation-delay: -0.23333s; -webkit-animation-delay: -0.23333s; animation-delay: -0.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-6 { -moz-animation-delay: -0.16667s; -webkit-animation-delay: -0.16667s; animation-delay: -0.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-7 { -moz-animation-delay: -0.1s; -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-8 { -moz-animation-delay: -0.03333s; -webkit-animation-delay: -0.03333s; animation-delay: -0.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-9 { -moz-animation-delay: 0.03333s; -webkit-animation-delay: 0.03333s; animation-delay: 0.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-10 { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-11 { -moz-animation-delay: 0.16667s; -webkit-animation-delay: 0.16667s; animation-delay: 0.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-12 { -moz-animation-delay: 0.23333s; -webkit-animation-delay: 0.23333s; animation-delay: 0.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-13 { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-14 { -moz-animation-delay: 0.36667s; -webkit-animation-delay: 0.36667s; animation-delay: 0.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-15 { -moz-animation-delay: 0.43333s; -webkit-animation-delay: 0.43333s; animation-delay: 0.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-16 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-17 { -moz-animation-delay: 0.56667s; -webkit-animation-delay: 0.56667s; animation-delay: 0.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-18 { -moz-animation-delay: 0.63333s; -webkit-animation-delay: 0.63333s; animation-delay: 0.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-19 { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-20 { -moz-animation-delay: 0.76667s; -webkit-animation-delay: 0.76667s; animation-delay: 0.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-21 { -moz-animation-delay: 0.83333s; -webkit-animation-delay: 0.83333s; animation-delay: 0.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-22 { -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-23 { -moz-animation-delay: 0.96667s; -webkit-animation-delay: 0.96667s; animation-delay: 0.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-24 { -moz-animation-delay: 1.03333s; -webkit-animation-delay: 1.03333s; animation-delay: 1.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-25 { -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-26 { -moz-animation-delay: 1.16667s; -webkit-animation-delay: 1.16667s; animation-delay: 1.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-27 { -moz-animation-delay: 1.23333s; -webkit-animation-delay: 1.23333s; animation-delay: 1.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-28 { -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-29 { -moz-animation-delay: 1.36667s; -webkit-animation-delay: 1.36667s; animation-delay: 1.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-30 { -moz-animation-delay: 1.43333s; -webkit-animation-delay: 1.43333s; animation-delay: 1.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-31 { -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-32 { -moz-animation-delay: 1.56667s; -webkit-animation-delay: 1.56667s; animation-delay: 1.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-33 { -moz-animation-delay: 1.63333s; -webkit-animation-delay: 1.63333s; animation-delay: 1.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-34 { -moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-35 { -moz-animation-delay: 1.76667s; -webkit-animation-delay: 1.76667s; animation-delay: 1.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-36 { -moz-animation-delay: 1.83333s; -webkit-animation-delay: 1.83333s; animation-delay: 1.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-37 { -moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-38 { -moz-animation-delay: 1.96667s; -webkit-animation-delay: 1.96667s; animation-delay: 1.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-39 { -moz-animation-delay: 2.03333s; -webkit-animation-delay: 2.03333s; animation-delay: 2.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-40 { -moz-animation-delay: 2.1s; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-41 { -moz-animation-delay: 2.16667s; -webkit-animation-delay: 2.16667s; animation-delay: 2.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-42 { -moz-animation-delay: 2.23333s; -webkit-animation-delay: 2.23333s; animation-delay: 2.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-43 { -moz-animation-delay: 2.3s; -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-44 { -moz-animation-delay: 2.36667s; -webkit-animation-delay: 2.36667s; animation-delay: 2.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-45 { -moz-animation-delay: 2.43333s; -webkit-animation-delay: 2.43333s; animation-delay: 2.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-46 { -moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-47 { -moz-animation-delay: 2.56667s; -webkit-animation-delay: 2.56667s; animation-delay: 2.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-48 { -moz-animation-delay: 2.63333s; -webkit-animation-delay: 2.63333s; animation-delay: 2.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-49 { -moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-50 { -moz-animation-delay: 2.76667s; -webkit-animation-delay: 2.76667s; animation-delay: 2.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-51 { -moz-animation-delay: 2.83333s; -webkit-animation-delay: 2.83333s; animation-delay: 2.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-52 { -moz-animation-delay: 2.9s; -webkit-animation-delay: 2.9s; animation-delay: 2.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-53 { -moz-animation-delay: 2.96667s; -webkit-animation-delay: 2.96667s; animation-delay: 2.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-54 { -moz-animation-delay: 3.03333s; -webkit-animation-delay: 3.03333s; animation-delay: 3.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-55 { -moz-animation-delay: 3.1s; -webkit-animation-delay: 3.1s; animation-delay: 3.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-56 { -moz-animation-delay: 3.16667s; -webkit-animation-delay: 3.16667s; animation-delay: 3.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-57 { -moz-animation-delay: 3.23333s; -webkit-animation-delay: 3.23333s; animation-delay: 3.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-58 { -moz-animation-delay: 3.3s; -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-59 { -moz-animation-delay: 3.36667s; -webkit-animation-delay: 3.36667s; animation-delay: 3.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-60 { -moz-animation-delay: 3.43333s; -webkit-animation-delay: 3.43333s; animation-delay: 3.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-61 { -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-62 { -moz-animation-delay: 3.56667s; -webkit-animation-delay: 3.56667s; animation-delay: 3.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-63 { -moz-animation-delay: 3.63333s; -webkit-animation-delay: 3.63333s; animation-delay: 3.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-64 { -moz-animation-delay: 3.7s; -webkit-animation-delay: 3.7s; animation-delay: 3.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-65 { -moz-animation-delay: 3.76667s; -webkit-animation-delay: 3.76667s; animation-delay: 3.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-66 { -moz-animation-delay: 3.83333s; -webkit-animation-delay: 3.83333s; animation-delay: 3.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-67 { -moz-animation-delay: 3.9s; -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-68 { -moz-animation-delay: 3.96667s; -webkit-animation-delay: 3.96667s; animation-delay: 3.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-69 { -moz-animation-delay: 4.03333s; -webkit-animation-delay: 4.03333s; animation-delay: 4.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-70 { -moz-animation-delay: 4.1s; -webkit-animation-delay: 4.1s; animation-delay: 4.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-71 { -moz-animation-delay: 4.16667s; -webkit-animation-delay: 4.16667s; animation-delay: 4.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-72 { -moz-animation-delay: 4.23333s; -webkit-animation-delay: 4.23333s; animation-delay: 4.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-73 { -moz-animation-delay: 4.3s; -webkit-animation-delay: 4.3s; animation-delay: 4.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-74 { -moz-animation-delay: 4.36667s; -webkit-animation-delay: 4.36667s; animation-delay: 4.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-75 { -moz-animation-delay: 4.43333s; -webkit-animation-delay: 4.43333s; animation-delay: 4.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-76 { -moz-animation-delay: 4.5s; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-77 { -moz-animation-delay: 4.56667s; -webkit-animation-delay: 4.56667s; animation-delay: 4.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-78 { -moz-animation-delay: 4.63333s; -webkit-animation-delay: 4.63333s; animation-delay: 4.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-79 { -moz-animation-delay: 4.7s; -webkit-animation-delay: 4.7s; animation-delay: 4.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-80 { -moz-animation-delay: 4.76667s; -webkit-animation-delay: 4.76667s; animation-delay: 4.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-81 { -moz-animation-delay: 4.83333s; -webkit-animation-delay: 4.83333s; animation-delay: 4.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-82 { -moz-animation-delay: 4.9s; -webkit-animation-delay: 4.9s; animation-delay: 4.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-83 { -moz-animation-delay: 4.96667s; -webkit-animation-delay: 4.96667s; animation-delay: 4.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-84 { -moz-animation-delay: 5.03333s; -webkit-animation-delay: 5.03333s; animation-delay: 5.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-85 { -moz-animation-delay: 5.1s; -webkit-animation-delay: 5.1s; animation-delay: 5.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-86 { -moz-animation-delay: 5.16667s; -webkit-animation-delay: 5.16667s; animation-delay: 5.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-87 { -moz-animation-delay: 5.23333s; -webkit-animation-delay: 5.23333s; animation-delay: 5.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-88 { -moz-animation-delay: 5.3s; -webkit-animation-delay: 5.3s; animation-delay: 5.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-89 { -moz-animation-delay: 5.36667s; -webkit-animation-delay: 5.36667s; animation-delay: 5.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-90 { -moz-animation-delay: 5.43333s; -webkit-animation-delay: 5.43333s; animation-delay: 5.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-91 { -moz-animation-delay: 5.5s; -webkit-animation-delay: 5.5s; animation-delay: 5.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-92 { -moz-animation-delay: 5.56667s; -webkit-animation-delay: 5.56667s; animation-delay: 5.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-93 { -moz-animation-delay: 5.63333s; -webkit-animation-delay: 5.63333s; animation-delay: 5.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-94 { -moz-animation-delay: 5.7s; -webkit-animation-delay: 5.7s; animation-delay: 5.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-95 { -moz-animation-delay: 5.76667s; -webkit-animation-delay: 5.76667s; animation-delay: 5.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-96 { -moz-animation-delay: 5.83333s; -webkit-animation-delay: 5.83333s; animation-delay: 5.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-97 { -moz-animation-delay: 5.9s; -webkit-animation-delay: 5.9s; animation-delay: 5.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-98 { -moz-animation-delay: 5.96667s; -webkit-animation-delay: 5.96667s; animation-delay: 5.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-99 { -moz-animation-delay: 6.03333s; -webkit-animation-delay: 6.03333s; animation-delay: 6.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-100 { -moz-animation-delay: 6.1s; -webkit-animation-delay: 6.1s; animation-delay: 6.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-101 { -moz-animation-delay: 6.16667s; -webkit-animation-delay: 6.16667s; animation-delay: 6.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-102 { -moz-animation-delay: 6.23333s; -webkit-animation-delay: 6.23333s; animation-delay: 6.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-103 { -moz-animation-delay: 6.3s; -webkit-animation-delay: 6.3s; animation-delay: 6.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-104 { -moz-animation-delay: 6.36667s; -webkit-animation-delay: 6.36667s; animation-delay: 6.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-105 { -moz-animation-delay: 6.43333s; -webkit-animation-delay: 6.43333s; animation-delay: 6.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-106 { -moz-animation-delay: 6.5s; -webkit-animation-delay: 6.5s; animation-delay: 6.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-107 { -moz-animation-delay: 6.56667s; -webkit-animation-delay: 6.56667s; animation-delay: 6.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-108 { -moz-animation-delay: 6.63333s; -webkit-animation-delay: 6.63333s; animation-delay: 6.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-109 { -moz-animation-delay: 6.7s; -webkit-animation-delay: 6.7s; animation-delay: 6.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-110 { -moz-animation-delay: 6.76667s; -webkit-animation-delay: 6.76667s; animation-delay: 6.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-111 { -moz-animation-delay: 6.83333s; -webkit-animation-delay: 6.83333s; animation-delay: 6.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-112 { -moz-animation-delay: 6.9s; -webkit-animation-delay: 6.9s; animation-delay: 6.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-113 { -moz-animation-delay: 6.96667s; -webkit-animation-delay: 6.96667s; animation-delay: 6.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-114 { -moz-animation-delay: 7.03333s; -webkit-animation-delay: 7.03333s; animation-delay: 7.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-115 { -moz-animation-delay: 7.1s; -webkit-animation-delay: 7.1s; animation-delay: 7.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-116 { -moz-animation-delay: 7.16667s; -webkit-animation-delay: 7.16667s; animation-delay: 7.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-117 { -moz-animation-delay: 7.23333s; -webkit-animation-delay: 7.23333s; animation-delay: 7.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-118 { -moz-animation-delay: 7.3s; -webkit-animation-delay: 7.3s; animation-delay: 7.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-119 { -moz-animation-delay: 7.36667s; -webkit-animation-delay: 7.36667s; animation-delay: 7.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .segment-120 { -moz-animation-delay: 7.43333s; -webkit-animation-delay: 7.43333s; animation-delay: 7.43333s; } @-moz-keyframes right-segment-frames { /* line 60, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 60, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 60, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 67, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment { width: 30px; height: 5px; background: #897d55; -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-1 { -moz-animation-delay: -0.5s; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-2 { -moz-animation-delay: -0.43333s; -webkit-animation-delay: -0.43333s; animation-delay: -0.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-3 { -moz-animation-delay: -0.36667s; -webkit-animation-delay: -0.36667s; animation-delay: -0.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-4 { -moz-animation-delay: -0.3s; -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-5 { -moz-animation-delay: -0.23333s; -webkit-animation-delay: -0.23333s; animation-delay: -0.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-6 { -moz-animation-delay: -0.16667s; -webkit-animation-delay: -0.16667s; animation-delay: -0.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-7 { -moz-animation-delay: -0.1s; -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-8 { -moz-animation-delay: -0.03333s; -webkit-animation-delay: -0.03333s; animation-delay: -0.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-9 { -moz-animation-delay: 0.03333s; -webkit-animation-delay: 0.03333s; animation-delay: 0.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-10 { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-11 { -moz-animation-delay: 0.16667s; -webkit-animation-delay: 0.16667s; animation-delay: 0.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-12 { -moz-animation-delay: 0.23333s; -webkit-animation-delay: 0.23333s; animation-delay: 0.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-13 { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-14 { -moz-animation-delay: 0.36667s; -webkit-animation-delay: 0.36667s; animation-delay: 0.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-15 { -moz-animation-delay: 0.43333s; -webkit-animation-delay: 0.43333s; animation-delay: 0.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-16 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-17 { -moz-animation-delay: 0.56667s; -webkit-animation-delay: 0.56667s; animation-delay: 0.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-18 { -moz-animation-delay: 0.63333s; -webkit-animation-delay: 0.63333s; animation-delay: 0.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-19 { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-20 { -moz-animation-delay: 0.76667s; -webkit-animation-delay: 0.76667s; animation-delay: 0.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-21 { -moz-animation-delay: 0.83333s; -webkit-animation-delay: 0.83333s; animation-delay: 0.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-22 { -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-23 { -moz-animation-delay: 0.96667s; -webkit-animation-delay: 0.96667s; animation-delay: 0.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-24 { -moz-animation-delay: 1.03333s; -webkit-animation-delay: 1.03333s; animation-delay: 1.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-25 { -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-26 { -moz-animation-delay: 1.16667s; -webkit-animation-delay: 1.16667s; animation-delay: 1.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-27 { -moz-animation-delay: 1.23333s; -webkit-animation-delay: 1.23333s; animation-delay: 1.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-28 { -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-29 { -moz-animation-delay: 1.36667s; -webkit-animation-delay: 1.36667s; animation-delay: 1.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-30 { -moz-animation-delay: 1.43333s; -webkit-animation-delay: 1.43333s; animation-delay: 1.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-31 { -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-32 { -moz-animation-delay: 1.56667s; -webkit-animation-delay: 1.56667s; animation-delay: 1.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-33 { -moz-animation-delay: 1.63333s; -webkit-animation-delay: 1.63333s; animation-delay: 1.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-34 { -moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-35 { -moz-animation-delay: 1.76667s; -webkit-animation-delay: 1.76667s; animation-delay: 1.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-36 { -moz-animation-delay: 1.83333s; -webkit-animation-delay: 1.83333s; animation-delay: 1.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-37 { -moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-38 { -moz-animation-delay: 1.96667s; -webkit-animation-delay: 1.96667s; animation-delay: 1.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-39 { -moz-animation-delay: 2.03333s; -webkit-animation-delay: 2.03333s; animation-delay: 2.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-40 { -moz-animation-delay: 2.1s; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-41 { -moz-animation-delay: 2.16667s; -webkit-animation-delay: 2.16667s; animation-delay: 2.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-42 { -moz-animation-delay: 2.23333s; -webkit-animation-delay: 2.23333s; animation-delay: 2.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-43 { -moz-animation-delay: 2.3s; -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-44 { -moz-animation-delay: 2.36667s; -webkit-animation-delay: 2.36667s; animation-delay: 2.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-45 { -moz-animation-delay: 2.43333s; -webkit-animation-delay: 2.43333s; animation-delay: 2.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-46 { -moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-47 { -moz-animation-delay: 2.56667s; -webkit-animation-delay: 2.56667s; animation-delay: 2.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-48 { -moz-animation-delay: 2.63333s; -webkit-animation-delay: 2.63333s; animation-delay: 2.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-49 { -moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-50 { -moz-animation-delay: 2.76667s; -webkit-animation-delay: 2.76667s; animation-delay: 2.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-51 { -moz-animation-delay: 2.83333s; -webkit-animation-delay: 2.83333s; animation-delay: 2.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-52 { -moz-animation-delay: 2.9s; -webkit-animation-delay: 2.9s; animation-delay: 2.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-53 { -moz-animation-delay: 2.96667s; -webkit-animation-delay: 2.96667s; animation-delay: 2.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-54 { -moz-animation-delay: 3.03333s; -webkit-animation-delay: 3.03333s; animation-delay: 3.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-55 { -moz-animation-delay: 3.1s; -webkit-animation-delay: 3.1s; animation-delay: 3.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-56 { -moz-animation-delay: 3.16667s; -webkit-animation-delay: 3.16667s; animation-delay: 3.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-57 { -moz-animation-delay: 3.23333s; -webkit-animation-delay: 3.23333s; animation-delay: 3.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-58 { -moz-animation-delay: 3.3s; -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-59 { -moz-animation-delay: 3.36667s; -webkit-animation-delay: 3.36667s; animation-delay: 3.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-60 { -moz-animation-delay: 3.43333s; -webkit-animation-delay: 3.43333s; animation-delay: 3.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-61 { -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-62 { -moz-animation-delay: 3.56667s; -webkit-animation-delay: 3.56667s; animation-delay: 3.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-63 { -moz-animation-delay: 3.63333s; -webkit-animation-delay: 3.63333s; animation-delay: 3.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-64 { -moz-animation-delay: 3.7s; -webkit-animation-delay: 3.7s; animation-delay: 3.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-65 { -moz-animation-delay: 3.76667s; -webkit-animation-delay: 3.76667s; animation-delay: 3.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-66 { -moz-animation-delay: 3.83333s; -webkit-animation-delay: 3.83333s; animation-delay: 3.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-67 { -moz-animation-delay: 3.9s; -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-68 { -moz-animation-delay: 3.96667s; -webkit-animation-delay: 3.96667s; animation-delay: 3.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-69 { -moz-animation-delay: 4.03333s; -webkit-animation-delay: 4.03333s; animation-delay: 4.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-70 { -moz-animation-delay: 4.1s; -webkit-animation-delay: 4.1s; animation-delay: 4.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-71 { -moz-animation-delay: 4.16667s; -webkit-animation-delay: 4.16667s; animation-delay: 4.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-72 { -moz-animation-delay: 4.23333s; -webkit-animation-delay: 4.23333s; animation-delay: 4.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-73 { -moz-animation-delay: 4.3s; -webkit-animation-delay: 4.3s; animation-delay: 4.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-74 { -moz-animation-delay: 4.36667s; -webkit-animation-delay: 4.36667s; animation-delay: 4.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-75 { -moz-animation-delay: 4.43333s; -webkit-animation-delay: 4.43333s; animation-delay: 4.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-76 { -moz-animation-delay: 4.5s; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-77 { -moz-animation-delay: 4.56667s; -webkit-animation-delay: 4.56667s; animation-delay: 4.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-78 { -moz-animation-delay: 4.63333s; -webkit-animation-delay: 4.63333s; animation-delay: 4.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-79 { -moz-animation-delay: 4.7s; -webkit-animation-delay: 4.7s; animation-delay: 4.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-80 { -moz-animation-delay: 4.76667s; -webkit-animation-delay: 4.76667s; animation-delay: 4.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-81 { -moz-animation-delay: 4.83333s; -webkit-animation-delay: 4.83333s; animation-delay: 4.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-82 { -moz-animation-delay: 4.9s; -webkit-animation-delay: 4.9s; animation-delay: 4.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-83 { -moz-animation-delay: 4.96667s; -webkit-animation-delay: 4.96667s; animation-delay: 4.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-84 { -moz-animation-delay: 5.03333s; -webkit-animation-delay: 5.03333s; animation-delay: 5.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-85 { -moz-animation-delay: 5.1s; -webkit-animation-delay: 5.1s; animation-delay: 5.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-86 { -moz-animation-delay: 5.16667s; -webkit-animation-delay: 5.16667s; animation-delay: 5.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-87 { -moz-animation-delay: 5.23333s; -webkit-animation-delay: 5.23333s; animation-delay: 5.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-88 { -moz-animation-delay: 5.3s; -webkit-animation-delay: 5.3s; animation-delay: 5.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-89 { -moz-animation-delay: 5.36667s; -webkit-animation-delay: 5.36667s; animation-delay: 5.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-90 { -moz-animation-delay: 5.43333s; -webkit-animation-delay: 5.43333s; animation-delay: 5.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-91 { -moz-animation-delay: 5.5s; -webkit-animation-delay: 5.5s; animation-delay: 5.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-92 { -moz-animation-delay: 5.56667s; -webkit-animation-delay: 5.56667s; animation-delay: 5.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-93 { -moz-animation-delay: 5.63333s; -webkit-animation-delay: 5.63333s; animation-delay: 5.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-94 { -moz-animation-delay: 5.7s; -webkit-animation-delay: 5.7s; animation-delay: 5.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-95 { -moz-animation-delay: 5.76667s; -webkit-animation-delay: 5.76667s; animation-delay: 5.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-96 { -moz-animation-delay: 5.83333s; -webkit-animation-delay: 5.83333s; animation-delay: 5.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-97 { -moz-animation-delay: 5.9s; -webkit-animation-delay: 5.9s; animation-delay: 5.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-98 { -moz-animation-delay: 5.96667s; -webkit-animation-delay: 5.96667s; animation-delay: 5.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-99 { -moz-animation-delay: 6.03333s; -webkit-animation-delay: 6.03333s; animation-delay: 6.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-100 { -moz-animation-delay: 6.1s; -webkit-animation-delay: 6.1s; animation-delay: 6.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-101 { -moz-animation-delay: 6.16667s; -webkit-animation-delay: 6.16667s; animation-delay: 6.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-102 { -moz-animation-delay: 6.23333s; -webkit-animation-delay: 6.23333s; animation-delay: 6.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-103 { -moz-animation-delay: 6.3s; -webkit-animation-delay: 6.3s; animation-delay: 6.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-104 { -moz-animation-delay: 6.36667s; -webkit-animation-delay: 6.36667s; animation-delay: 6.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-105 { -moz-animation-delay: 6.43333s; -webkit-animation-delay: 6.43333s; animation-delay: 6.43333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-106 { -moz-animation-delay: 6.5s; -webkit-animation-delay: 6.5s; animation-delay: 6.5s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-107 { -moz-animation-delay: 6.56667s; -webkit-animation-delay: 6.56667s; animation-delay: 6.56667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-108 { -moz-animation-delay: 6.63333s; -webkit-animation-delay: 6.63333s; animation-delay: 6.63333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-109 { -moz-animation-delay: 6.7s; -webkit-animation-delay: 6.7s; animation-delay: 6.7s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-110 { -moz-animation-delay: 6.76667s; -webkit-animation-delay: 6.76667s; animation-delay: 6.76667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-111 { -moz-animation-delay: 6.83333s; -webkit-animation-delay: 6.83333s; animation-delay: 6.83333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-112 { -moz-animation-delay: 6.9s; -webkit-animation-delay: 6.9s; animation-delay: 6.9s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-113 { -moz-animation-delay: 6.96667s; -webkit-animation-delay: 6.96667s; animation-delay: 6.96667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-114 { -moz-animation-delay: 7.03333s; -webkit-animation-delay: 7.03333s; animation-delay: 7.03333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-115 { -moz-animation-delay: 7.1s; -webkit-animation-delay: 7.1s; animation-delay: 7.1s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-116 { -moz-animation-delay: 7.16667s; -webkit-animation-delay: 7.16667s; animation-delay: 7.16667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-117 { -moz-animation-delay: 7.23333s; -webkit-animation-delay: 7.23333s; animation-delay: 7.23333s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-118 { -moz-animation-delay: 7.3s; -webkit-animation-delay: 7.3s; animation-delay: 7.3s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-119 { -moz-animation-delay: 7.36667s; -webkit-animation-delay: 7.36667s; animation-delay: 7.36667s; } /* line 77, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .segment-120 { -moz-animation-delay: 7.43333s; -webkit-animation-delay: 7.43333s; animation-delay: 7.43333s; } /* line 93, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin { width: 20px; height: 10px; background: #f6c555; position: relative; z-index: 2; } /* line 99, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin + .pin { margin-top: 10px; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-1 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: -0.5s; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-2 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: -0.23333s; -webkit-animation-delay: -0.23333s; animation-delay: -0.23333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-3 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 0.03333s; -webkit-animation-delay: 0.03333s; animation-delay: 0.03333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-4 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-5 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 0.56667s; -webkit-animation-delay: 0.56667s; animation-delay: 0.56667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-6 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 0.83333s; -webkit-animation-delay: 0.83333s; animation-delay: 0.83333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-7 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-8 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 1.36667s; -webkit-animation-delay: 1.36667s; animation-delay: 1.36667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-9 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 1.63333s; -webkit-animation-delay: 1.63333s; animation-delay: 1.63333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-10 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-11 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 2.16667s; -webkit-animation-delay: 2.16667s; animation-delay: 2.16667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-12 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 2.43333s; -webkit-animation-delay: 2.43333s; animation-delay: 2.43333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-13 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-14 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 2.96667s; -webkit-animation-delay: 2.96667s; animation-delay: 2.96667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-15 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 3.23333s; -webkit-animation-delay: 3.23333s; animation-delay: 3.23333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-16 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-17 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 3.76667s; -webkit-animation-delay: 3.76667s; animation-delay: 3.76667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-18 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 4.03333s; -webkit-animation-delay: 4.03333s; animation-delay: 4.03333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-19 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 4.3s; -webkit-animation-delay: 4.3s; animation-delay: 4.3s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-20 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 4.56667s; -webkit-animation-delay: 4.56667s; animation-delay: 4.56667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-21 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 4.83333s; -webkit-animation-delay: 4.83333s; animation-delay: 4.83333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-22 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 5.1s; -webkit-animation-delay: 5.1s; animation-delay: 5.1s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-23 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 5.36667s; -webkit-animation-delay: 5.36667s; animation-delay: 5.36667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-24 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 5.63333s; -webkit-animation-delay: 5.63333s; animation-delay: 5.63333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-25 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 5.9s; -webkit-animation-delay: 5.9s; animation-delay: 5.9s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-26 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 6.16667s; -webkit-animation-delay: 6.16667s; animation-delay: 6.16667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-27 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 6.43333s; -webkit-animation-delay: 6.43333s; animation-delay: 6.43333s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-28 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 6.7s; -webkit-animation-delay: 6.7s; animation-delay: 6.7s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-29 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 6.96667s; -webkit-animation-delay: 6.96667s; animation-delay: 6.96667s; } @-moz-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); transform: translate(20px); } } @-webkit-keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(20px); transform: translate(20px); } } @keyframes left-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px); transform: translate(20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .left-zipper .pin-30 { -moz-animation: left-segment-frames 0.5s linear; -webkit-animation: left-segment-frames 0.5s linear; animation: left-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 7.23333s; -webkit-animation-delay: 7.23333s; animation-delay: 7.23333s; } /* line 93, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin { width: 20px; height: 10px; background: #f6c555; position: relative; z-index: 2; } /* line 99, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin + .pin { margin-top: 10px; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-1 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: -0.36667s; -webkit-animation-delay: -0.36667s; animation-delay: -0.36667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-2 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: -0.1s; -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-3 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 0.16667s; -webkit-animation-delay: 0.16667s; animation-delay: 0.16667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-4 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 0.43333s; -webkit-animation-delay: 0.43333s; animation-delay: 0.43333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-5 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-6 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 0.96667s; -webkit-animation-delay: 0.96667s; animation-delay: 0.96667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-7 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 1.23333s; -webkit-animation-delay: 1.23333s; animation-delay: 1.23333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-8 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-9 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 1.76667s; -webkit-animation-delay: 1.76667s; animation-delay: 1.76667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-10 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 2.03333s; -webkit-animation-delay: 2.03333s; animation-delay: 2.03333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-11 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 2.3s; -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-12 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 2.56667s; -webkit-animation-delay: 2.56667s; animation-delay: 2.56667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-13 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 2.83333s; -webkit-animation-delay: 2.83333s; animation-delay: 2.83333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-14 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 3.1s; -webkit-animation-delay: 3.1s; animation-delay: 3.1s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-15 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 3.36667s; -webkit-animation-delay: 3.36667s; animation-delay: 3.36667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-16 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 3.63333s; -webkit-animation-delay: 3.63333s; animation-delay: 3.63333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-17 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 3.9s; -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-18 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 4.16667s; -webkit-animation-delay: 4.16667s; animation-delay: 4.16667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-19 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 4.43333s; -webkit-animation-delay: 4.43333s; animation-delay: 4.43333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-20 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 4.7s; -webkit-animation-delay: 4.7s; animation-delay: 4.7s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-21 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 4.96667s; -webkit-animation-delay: 4.96667s; animation-delay: 4.96667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-22 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 5.23333s; -webkit-animation-delay: 5.23333s; animation-delay: 5.23333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-23 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 5.5s; -webkit-animation-delay: 5.5s; animation-delay: 5.5s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-24 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 5.76667s; -webkit-animation-delay: 5.76667s; animation-delay: 5.76667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-25 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 6.03333s; -webkit-animation-delay: 6.03333s; animation-delay: 6.03333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-26 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 6.3s; -webkit-animation-delay: 6.3s; animation-delay: 6.3s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-27 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 6.56667s; -webkit-animation-delay: 6.56667s; animation-delay: 6.56667s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-28 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 6.83333s; -webkit-animation-delay: 6.83333s; animation-delay: 6.83333s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-29 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 7.1s; -webkit-animation-delay: 7.1s; animation-delay: 7.1s; } @-moz-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); transform: translate(-20px); } } @-webkit-keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translate(-20px); transform: translate(-20px); } } @keyframes right-segment-frames { /* line 108, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translate(-20px); -ms-transform: translate(-20px); -o-transform: translate(-20px); -webkit-transform: translate(-20px); transform: translate(-20px); } } /* line 112, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .right-zipper .pin-30 { -moz-animation: right-segment-frames 0.5s linear; -webkit-animation: right-segment-frames 0.5s linear; animation: right-segment-frames 0.5s linear; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-delay: 7.36667s; -webkit-animation-delay: 7.36667s; animation-delay: 7.36667s; } @-moz-keyframes slider-frames { /* line 132, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translateY(600px); transform: translateY(600px); } } @-webkit-keyframes slider-frames { /* line 132, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -webkit-transform: translateY(600px); transform: translateY(600px); } } @keyframes slider-frames { /* line 132, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ to { -moz-transform: translateY(600px); -ms-transform: translateY(600px); -o-transform: translateY(600px); -webkit-transform: translateY(600px); transform: translateY(600px); } } /* line 137, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .slider { width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #554236; left: 35px; top: -20px; z-index: 10; -moz-animation: slider-frames 8s linear 0s; -webkit-animation: slider-frames 8s linear 0s; animation: slider-frames 8s linear 0s; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /* line 148, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .slider .retaining-ring { position: absolute; width: 5px; height: 20px; top: 20px; left: 17.5px; background: #db4d6d; } /* line 156, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .slider .pull-tab-top { position: relative; left: 5px; width: 20px; height: 20px; background: transparent; top: 30px; border: 5px solid #db4d6d; } /* line 165, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .slider .pull-tab-bottom { position: relative; left: 5px; width: 20px; height: 8px; background: transparent; top: 30px; border: 5px solid #db4d6d; border-top: 13px solid #db4d6d; } /* line 178, /Users/zoe/Desktop/GitHub/zipper/source/stylesheets/all.scss */ .percent { color: white; font-size: 36px; font-family: 'Press Start 2P', cursive; position: absolute; left: 700px; top: -72px; }
HTML
Welcome to Zoe's Zipper
1
%
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email