:root{--fgNav: #a5acbb}html{scroll-behavior:smooth;height:100%}body{position:relative;font:normal 16px/1.9em "Inter", "Source Sans Pro","Helvetica Neue", Arial, sans-serif;margin:0;padding:0;height:100%}h1{font-style:normal;font-size:45px;font-weight:normal;vertical-align:baseline;margin:0;padding:0}a{color:inherit}p{margin-bottom:2em}.center{text-align:center}.siteHead-logoMark{height:13px;width:24px;position:relative;top:2px;fill:currentColor}.site-name{font-size:11px;text-transform:uppercase;letter-spacing:0.26em;font-weight:800;padding-top:2.9vmin;text-align:center;font-family:Inter,Source Sans Pro,Helvetica Neue,Arial,sans-serif;z-index:1;top:2px;position:relative;color:var(--fgNav)}@media all and (max-width: 520px){.site-name{font-size:10px}}.siteLogoLink{color:inherit}.siteLogoLink:hover{color:inherit}.site-name-post{color:#fff}.site-name-link{text-decoration:none;transition:color 0.2s ease-in-out;transform:translateZ(0);position:relative;color:inherit}.site-name-link:hover{color:inherit}.site-name-link::before{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:currentColor;visibility:hidden;transform:scaleX(0);transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s}.site-name-link:hover::before{visibility:visible;transform:scaleX(1)}.site-name-link-parent{border-right:1px solid currentColor;padding-right:5px;margin-right:9px;text-decoration:none;transition:opacity 0.2s ease-out;opacity:0.8}.site-name-link-parent:hover{opacity:0.99}.site-name-link-parent-inverted{color:#ccc}.site-name-link-parent-inverted:hover{color:#fff}.site-name-link-parent-inverted::before{background-color:#fff}.ampersand{font-family:Baskerville, serif;font-style:italic}.single-page-header{font-size:28px;font-weight:400;line-height:1.3em}.text-highlighted{color:#ca6055}.wrapper{position:relative;margin:0 auto}.button-clear{border:none;background-color:transparent}.button-clear:focus{outline:0}.text-pink{color:#e8c3b9}.text-darkgreen{color:#244a53}.text-red{color:#bf615e}.text-lightblue{color:#99bec7}.text-darkblue{color:#2b2f3c}@font-face{font-family:'Inter';font-weight:100 900;font-display:swap;font-style:normal;src:url("font-files/Inter.woff2") format("woff2")}.site-nav-canvas{width:100vw;height:100vh;position:fixed;z-index:2001;top:0;left:0;right:0;bottom:0;display:none}.menu{position:absolute;top:2.7vmin;left:2.8vmin;z-index:2004;outline:none;-webkit-tap-highlight-color:transparent;width:43px;padding:10px;cursor:pointer}.menu-hidden{visibility:hidden;pointer-events:none}.menu-icon-line{display:block;height:2px;width:100%;background-color:#a5acbc;margin-bottom:4px;border-radius:2px;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity 0.2s ease-out;transform:translateZ(0)}.menu:hover>.menu-icon-line{background-color:#8591ac;transform:scaleX(1.2)}.menu-active>.menu-icon-line-1,.menu-active:hover>.menu-icon-line-1{transform:translateY(6px) rotateZ(-135deg);background-color:#fff}.menu-active>.menu-icon-line-2,.menu-active:hover>.menu-icon-line-2{opacity:0;background-color:#fff}.menu-active>.menu-icon-line-3,.menu-active:hover>.menu-icon-line-3{transform:translateY(-6px) rotateZ(135deg);background-color:#fff}.site-search{position:absolute;top:2vmin;right:3vmin;z-index:2003;padding:10px 5px;cursor:pointer}.site-search-icon{display:block;transition:opacity 0.2s ease-out}.site-search-icon:hover .site-search-icon-circle{stroke:#8591ac}.site-search-icon:hover .site-search-icon-line{fill:#8591ac}.site-search-icon-circle{stroke:#a5acbc}.site-search-icon-svg{display:block}.site-search-icon-line{fill:#a5acbc}.site-search-close-icon{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}.site-search-close-icon-line{position:absolute;height:2px;width:70%;left:0;right:0;background-color:#fff;border-radius:2px;top:40%;margin:auto;transform:rotateZ(45deg) scale(0.8);opacity:1}.site-search-content-results{text-align:left}.site-search-results-item{color:inherit;text-decoration:none;font-weight:600;font-size:42px;display:block;padding:40px;line-height:1.4em;text-overflow:ellipsis;overflow:hidden}.site-search-results-item:hover{color:inherit}@media (max-width: 700px){.site-search-results-item{font-size:6vw;padding:20px}}.site-search-results-item-active{color:inherit;background-color:rgba(255,255,255,0.1)}.site-search-results-item-desc{font-size:14px;display:block;font-weight:400;padding:10px 0;max-width:500px;line-height:1.4em}.site-search-content{margin:20px auto;padding:0 20px;width:80%;max-width:1200px}@media (max-width: 700px){.site-search-content{width:90%;padding-left:0;padding-right:0}}.siteSearchInput{background-color:transparent;border-radius:0;border:none;border-bottom:2px solid rgba(255,255,255,0.1);display:block;font-size:24px;width:100%;padding:20px 20px 20px 0;box-sizing:border-box;color:#fff;outline:none;opacity:0}.siteSearchInput::placeholder{color:rgba(255,255,255,0.5)}@media (max-width: 700px){.siteSearchInput{font-size:4vw;padding:15px 15px 15px 20px}}.site-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2003;text-align:center;font-size:40px;font-family:Inter,Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-weight:bold;opacity:0;color:#fff;pointer-events:none;overflow:hidden}.site-nav-overlay-search{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2002;text-align:left;font-family:Inter,Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-weight:bold;opacity:0;color:#fff;pointer-events:none;overflow:scroll}.site-nav-active{pointer-events:initial}.nav-content{width:620px;max-width:100%;margin:40px auto;margin-top:18vh;padding:0 60px;box-sizing:border-box}@media all and (max-width: 600px){.nav-content{padding-right:30px;padding-left:30px;font-size:32px}}@media all and (max-height: 720px){.nav-content{margin-top:15vh;font-size:32px}}@media all and (max-height: 600px){.nav-content{margin-top:10vh}}@media all and (max-height: 500px){.nav-content{margin-top:6vh}}.nav-header{width:100%;margin:0 auto;font-size:11px;text-transform:uppercase;letter-spacing:0.4em;font-weight:bold;position:relative;transform:translateZ(0)}.nav-header-line{display:block;height:2px;width:100%;z-index:-1;background-color:#fff;position:absolute;top:12px;transform:scaleX(.3)}.nav-header-text{padding:0 10px;z-index:1;position:relative;background-color:#1f4954}.nav-categories{padding:20px 0 30px;list-style-type:none;overflow:hidden;margin:0 auto;transform:translateZ(0)}.nav-category{padding:0;position:relative;display:block}.nav-link{display:inline-block;color:inherit;padding:27px 20px 30px;letter-spacing:1px;text-decoration:none;transition:color 0.25s ease-in-out;transform:translateZ(0)}.nav-link:hover{color:#566871}.nav-link:hover::after{transform:scaleY(1)}.nav-link::after{content:"";background-color:#fff;width:100%;height:100%;position:absolute;bottom:0;left:0;transform:scaleY(0);transform-origin:0 100%;transition:all 0.25s ease-in-out;z-index:-1}@media all and (max-height: 720px){.nav-link{padding-top:20px;padding-bottom:20px}}@media all and (max-height: 550px){.nav-link{padding-top:15px;padding-bottom:15px}}@media all and (max-height: 450px){.nav-link{padding-top:10px;padding-bottom:10px}}.nav-sublinks{font-size:0.4em;color:#80bece;padding-top:30px;padding-bottom:30px;border-top:2px solid #3e6c78;border-bottom:2px solid #3e6c78;width:100%;text-align:center}@media all and (max-height: 550px){.nav-sublinks{padding-top:20px;padding-bottom:20px}}@media all and (max-height: 450px){.nav-sublinks{padding-top:10px;padding-bottom:10px}}.nav-sublink{color:inherit;text-decoration:none;display:inline-block;padding:10px 0;width:32%;vertical-align:middle}.nav-sublink:hover{color:#3e6c78}.nav-sublink::after{background-color:#80bece}.no-scroll{overflow:hidden;position:fixed;height:100%;width:100%}.carbon-img{display:block}.carbon-text{display:block;width:130px;padding:2px 0 8px;font-size:12px}.carbon-poweredby{font-size:75%}.carbonads-container{width:150px;max-width:150px;box-sizing:border-box;min-height:212px;padding:10px;background-color:rgba(255,255,255,0.2);border-radius:4px;position:fixed;bottom:5px;right:5px;line-height:1.4em;z-index:20}.collection-project{border-radius:4px;color:#fff;position:relative;text-align:left;display:inline-block;margin:30px 5px 0;padding:40px 30px;width:50%;max-width:310px;box-sizing:border-box;transition:background-color 0.3s ease-out}.collection-project:hover{color:#fff}@media (max-width: 800px){.collection-project{display:block;margin:24px auto;width:96%}.collection-project+.collection-project{margin-left:auto;margin-right:auto}.sk-more-projects .collection-project{padding:20px 10px}}.collection-project-spinkit{background-color:#c1605c}.collection-project-spinkit:hover{background-color:#ba4e4a}.collection-project-preview{position:absolute;left:32px;top:0;bottom:5px;margin-top:auto;margin-bottom:auto}@media (max-width: 800px){.sk-more-projects .collection-project-preview{left:16px}}.collection-project-preview-spinkit{width:40px;height:40px;background-color:#fff;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}.collection-project-typesource{background-color:#47a0dc}.collection-project-typesource:hover{background-color:#3295d8}.typesource .collection-project-typesource{display:none}.collection-project-preview-typesource{width:30px;height:26px;padding:12px 10px;border:solid 2px rgba(255,255,255,0.2);border-radius:3px}.collection-project-moving-letters{background-color:#9ba5b5}.collection-project-moving-letters:hover{background-color:#8c98aa}.moving-letters .collection-project-moving-letters{display:none}.collection-project-preview-moving-letters{width:30px;height:26px;padding:12px 10px;border:solid 2px rgba(255,255,255,0.2);border-radius:3px}.collection-project-header{padding-left:70px;margin-top:10px;margin-bottom:0;font-weight:600;font-size:22px}@media (max-width: 800px){.sk-more-projects .collection-project-header{font-size:18px}}.collection-project-description{padding-left:70px;color:rgba(255,255,255,0.6);margin-top:6px;margin-bottom:10px;line-height:1.2em}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}html{height:100%;overflow:hidden}body{background-color:#d35400;padding:0;margin:0;color:#fff;font-size:14px;line-height:1.5em;text-align:center;height:100%;position:relative;overflow:hidden;-webkit-transition:background-color 0.6s ease-in-out 0s;transition:background-color 0.6s ease-in-out 0s}.menu{transform:translateZ(100px);top:10px;left:10px}.nav{transform:translateZ(100px)}.menu-spinkit .menu-icon-line{background-color:rgba(255,255,255,0.7)}.menu-spinkit:hover>.menu-icon-line,.menu-spinkit.menu-active>.menu-icon-line{background-color:#fff}.active2,.active10,.active13{background-color:#2c3e50}.active3,.active11{background-color:#1abc9c}.active4,.active12{background-color:#2980b9}.active5{background-color:#7f8c8d}.active6{background-color:#ffcb65}.active7{background-color:#d35400}.active8{background-color:#27ae60}a{color:inherit;text-decoration:none}a:hover{color:inherit}#preview-area{width:60px;height:60px;position:absolute;top:0;left:0;bottom:60px;right:0;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#spinners{width:1400px;height:60px;padding:0;margin:0;list-style:none;text-align:left;font-size:0;-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}.active2 #spinners{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.active3 #spinners{-webkit-transform:translateX(-200px);transform:translateX(-200px)}.active4 #spinners{-webkit-transform:translateX(-300px);transform:translateX(-300px)}.active5 #spinners{-webkit-transform:translateX(-400px);transform:translateX(-400px)}.active6 #spinners{-webkit-transform:translateX(-500px);transform:translateX(-500px)}.active7 #spinners{-webkit-transform:translateX(-600px);transform:translateX(-600px)}.active8 #spinners{-webkit-transform:translateX(-700px);transform:translateX(-700px)}.active9 #spinners{-webkit-transform:translateX(-800px);transform:translateX(-800px)}.active10 #spinners{-webkit-transform:translateX(-900px);transform:translateX(-900px)}.active11 #spinners{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}.active12 #spinners{-webkit-transform:translateX(-1100px);transform:translateX(-1100px)}.active13 #spinners{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}#spinners li{height:60px;width:60px;right:0;left:0;z-index:10;opacity:0;margin-right:40px;display:inline-block;position:relative;-webkit-transition:all 0.3s ease-in-out 0;transition:all 0.3s ease-in-out 0}#spinners .selected{opacity:1}.navigation-arrow{position:absolute;top:0;bottom:70px;width:28px;height:42px;margin:auto 0;z-index:1000;cursor:pointer;padding:20px 10px;-webkit-transition:all 0.25s ease-in-out 0s;transition:all 0.25s ease-in-out 0s}#prev{left:10px;-webkit-transform:rotateZ(180deg) scale(0.8);transform:rotateZ(180deg) scale(0.8)}@media (max-width: 420px){#prev{left:0px}#next{right:0px}}.active1 #prev,.active13 #next{opacity:0;pointer-events:none}#next{right:10px;-webkit-transform:scale(0.8);transform:scale(0.8)}#next:hover{-webkit-transform:scale(1);transform:scale(1)}#prev:hover{-webkit-transform:scale(1) rotateZ(180deg);transform:scale(1) rotateZ(180deg)}.sk-source-link{font-weight:300;font-size:16px;padding:5px 7px 5px 25px;display:inline-block;margin:15px 0 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s}.active13 .sk-source-link{display:none}.code{position:absolute;top:5px;left:0}.code img{border:0}.code img:first-child{margin-right:2px;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}footer{position:absolute;bottom:0;left:0;right:0;line-height:60px}.profile-link{position:absolute;left:15px;bottom:14px;height:60px;padding-left:55px;background:url(/images/spinners/profile@2x.png) 0 center no-repeat;background-size:50px 50px;z-index:100}.view-on-github{position:absolute;line-height:60px;right:25px;top:0;height:60px;z-index:100}.view-on-github .icon-github{position:relative;bottom:-3px;left:-5px;margin-left:-20px;height:19px;width:19px}.underline{display:block;position:relative;padding:0;width:100%;height:2px;bottom:35%;right:0;background-color:#fff;-webkit-transition:all 0.25s ease-in-out 0s;transition:all 0.25s ease-in-out 0s;-webkit-transform:scaleX(0);transform:scaleX(0)}a:hover .underline{-webkit-transform:scaleX(1);transform:scaleX(1)}.pagination{width:100%;bottom:7px;left:0;right:0;padding:0;margin:0;position:absolute;font-size:0;height:60px;z-index:10}.pagination li{display:inline-block;margin:0;padding:0}.pagination a{display:block;padding:15px 3px}.pagination span{display:block;width:15px;height:15px;background-color:#fff;border-radius:100%;opacity:0.6;pointer-events:none;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;-webkit-transform:scale(0.6);transform:scale(0.6)}.pagination a:hover span{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}.pagination a.selected span{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#source-frame>ul{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;padding:0;list-style:none;background-color:rgba(0,0,0,0.3);z-index:1100;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s ease-in-out 0s;transition:opacity 0.4s ease-in-out 0s}#source-frame.visible>ul{opacity:1;visibility:visible}#source-frame li{position:absolute;height:80%;width:94%;max-width:980px;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1200;opacity:0;visibility:hidden;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transform:scale(0.2);transform:scale(0.2)}#source-frame.visible .visible{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1)}#source-frame li::after{z-index:1300;content:"HTML";position:absolute;top:10px;right:10px;font-size:16px;font-weight:300;background-color:#ddd;padding:2px 4px;border-radius:3px}#source-frame li::before{z-index:1300;content:"CSS";position:absolute;top:110px;right:10px;font-size:16px;font-weight:300;background-color:#ddd;padding:2px 4px;border-radius:3px}#source-frame textarea{width:100%;height:74%;margin:0;border:0;display:block;padding:20px 0 20px 20px;box-sizing:border-box;cursor:text;font:14px Consolas, "Courier New", Courier, monospace;outline:0;resize:none;border-radius:0}#source-frame .html-code{height:100px;border-bottom:1px solid #eee;border-top-left-radius:5px;border-top-right-radius:5px}#source-frame .css-code{border-bottom-left-radius:5px;border-bottom-right-radius:5px}#source-frame textarea:hover{background-color:#fcfcfc}@media (max-width: 650px){.pagination{display:none}.additional-info{display:none}.view-on-github .icon-github{margin-left:0;left:0}.view-on-github .underline{display:none}.sk-source-link{margin-top:7px}.view-on-github{height:44px;line-height:44px;right:12px;top:2px}}@media (max-width: 400px){.carbonads-container{display:none}#source-frame textarea{font-size:13px}}.rotating-plane{display:block;width:100%;height:100%;background-color:#fff;margin:0 auto;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes bounce{0%, 100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%, 100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.rectangle-bounce{text-align:center}.rectangle-bounce div{height:100%;width:7px;margin:0 3px 0 0;background-color:#fff;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.rectangle-bounce .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.rectangle-bounce .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.rectangle-bounce .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.rectangle-bounce .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes stretchdelay{0%, 40%, 100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%, 40%, 100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.cube1,.cube2{width:16px;height:16px;background-color:#fff;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}#spinners .chasing-dots{position:relative;text-align:center;margin-right:30px;-webkit-animation:rotate 2.0s infinite linear;animation:rotate 2.0s infinite linear}.chasing-dots .dot1,.chasing-dots .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}.chasing-dots .dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.pulse{width:100%;height:100%;border-radius:40px;background-color:#fff;-webkit-animation:scaleout 1.0s infinite ease-in-out;animation:scaleout 1.0s infinite ease-in-out}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}#spinners .three-bounce{text-align:center;font-size:26px;position:relative;top:-26px;width:80px;margin-right:30px}.three-bounce>div{display:inline-block;width:18px;height:18px;border-radius:100%;background-color:#fff;-webkit-animation:bouncedelay 1.4s infinite ease-in-out both;animation:bouncedelay 1.4s infinite ease-in-out both}.three-bounce .one{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.three-bounce .two{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleBounceDelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#fff;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:0.2s;animation-delay:0.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:0.3s;animation-delay:0.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:0.4s;animation-delay:0.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:0.1s;animation-delay:0.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:0.2s;animation-delay:0.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:0.3s;animation-delay:0.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:0.1s;animation-delay:0.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:0.2s;animation-delay:0.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%, 70%, 100%{-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}35%{-webkit-transform:scale3D(0, 0, 1);transform:scale3D(0, 0, 1)}}@keyframes sk-cubeGridScaleDelay{0%, 70%, 100%{-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}35%{-webkit-transform:scale3D(0, 0, 1);transform:scale3D(0, 0, 1)}}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity:0}40%{opacity:1}}.sk-folding-cube{position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:0.3s;animation-delay:0.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:0.6s;animation-delay:0.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:0.9s;animation-delay:0.9s}@-webkit-keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.sk-chase{width:60px;height:60px;position:relative;animation:sk-chase 2.5s infinite linear both}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2.0s infinite ease-in-out both}.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:sk-chase-dot-before 2.0s infinite ease-in-out both}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1.0s}.sk-chase-dot:nth-child(3){animation-delay:-0.9s}.sk-chase-dot:nth-child(4){animation-delay:-0.8s}.sk-chase-dot:nth-child(5){animation-delay:-0.7s}.sk-chase-dot:nth-child(6){animation-delay:-0.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1.0s}.sk-chase-dot:nth-child(3):before{animation-delay:-0.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-0.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-0.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-0.6s}@keyframes sk-chase{100%{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%, 100%{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(0.4)}100%, 0%{transform:scale(1)}}.sk-more-projects{font-size:12px;opacity:0;pointer-events:none;width:75%;margin:auto;height:100%;position:fixed;top:27%;left:0;right:0;text-align:center;transition:opacity 0.3s ease-in-out}.active13 .sk-more-projects{opacity:1;pointer-events:auto}@media (max-width: 800px){.sk-more-projects{top:17%}}.inline-header{text-align:center}#spinkit .collection-project-spinkit{display:none}
