article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{background:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:"proxima nova light"}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"“" "”" "‘" "’"}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}*,:after,:before{box-sizing:border-box}html{font-family:"proxima nova",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}ul{padding:0;margin:0}li{list-style:none}a{display:inline-block;text-decoration:none;color:inherit}h2{font-weight:500;font-size:32px;text-align:center;margin:20px 0}h2,p{color:#333}p{font-size:18px;line-height:1.7;font-weight:100;font-family:"proxima nova light",sans-serif}.app{padding:70px 0 0}@media(min-width:800px){.app{max-width:1200px;margin:auto}}.button{font-size:20px;font-weight:600;padding:12px 0;letter-spacing:1px;border:2px solid transparent;border-radius:5px;background-size:100% 300%;background-position:0 -2px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);color:#fff;font-family:"proxima nova",sans-serif;cursor:pointer;transition:all .2s ease;display:block;width:190px;text-align:center}.button__color{background-image:linear-gradient(180deg,#fd9326,#c16100,#fff,#fff)}.button:hover{background-position:0 100%;transition:all .2s ease;border:2px solid #e87500;color:#e87500}.button:active{border:2px solid #61aafd;color:#61aafd;box-shadow:none}.desktopNav{display:none}@media(min-width:600px){.desktopNav{display:flex;justify-content:space-between;height:70px;flex-flow:row nowrap;align-items:center;color:#fff;padding:0 32px}}@media(min-width:600px)and (min-width:1440px){.desktopNav{padding:0 160px}}@media(min-width:600px){.desktopNav .horizontal-logo{display:none}}@media(min-width:600px)and (min-width:800px){.desktopNav .horizontal-logo{display:block;width:200px}}@media(min-width:600px){.desktopNav .logo{width:100%}}.nav-links-container{display:flex;align-items:center}.nav-links-container .link{letter-spacing:2px;padding:0 15px;font-weight:400;font-size:16px;transition:all .3s ease}.nav-links-container .link:hover{color:#e87500}.menu-button-wrapper{margin-left:20px;font-size:16px;padding:8px 0;width:150px}.mobileNav{display:flex;justify-content:space-between;flex-flow:row nowrap;background-color:#191919;height:70px;align-items:center;transition:all .2s ease;padding:0 24px}@media(min-width:600px){.mobileNav{display:none}}.mobile-links-container{display:flex;justify-content:space-evenly;flex-flow:row nowrap;align-items:flex-start;position:absolute;width:100%;top:0;right:0;z-index:-1;pointer-events:none}.mobile-links-container .mobile-link{display:flex;justify-content:center;width:30%;top:0;padding:20px;align-items:flex-end;position:relative;pointer-events:all;transition:all .2s ease;background-color:#e87500;box-shadow:0 10px 10px rgba(0,0,0,.4);color:#fff;font-size:24px;font-weight:400;letter-spacing:1px}.mobile-links-container .mobile-link:hover{background-color:#fff;color:#ff8000;-webkit-transform:scale(1.01);transform:scale(1.01)}.mobile-links-container .mobile-link:first-child{height:60vh}.mobile-links-container .mobile-link:nth-child(2){height:50vh;transition-delay:.07s}.mobile-links-container .mobile-link:nth-child(3){height:40vh;transition-delay:.15s}.hide,.mobile-links-container .mobile-link.hide{top:-100vh}.hide{transition-delay:.2s}.menu-icon-button{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:15px 20px 15px 15px;border:none;background-color:transparent}.menu-icon-button .menu-bars-container{display:flex;justify-content:space-between;flex-direction:column;pointer-events:none;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .2s ease;height:24px}.menu-icon-button .menu-bars-container.rotate{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.menu-icon-button .menu-bar{width:40px;height:3px;background-color:#b3b3b3;transition:all .1s ease}.menu-icon-button .menu-bar.open{width:25px;transition:all .1s ease}.menu-icon-button .menu-bar.open:nth-child(2){margin-left:8px}.menu-icon-button .menu-bar.open:nth-child(3){margin-left:16px}.menu-shadow{position:absolute;display:block;height:100vh;width:100vw;top:0;left:0;z-index:-2;pointer-events:none;transition:all .1s ease}.menu-shadow.fade-in{background-color:rgba(0,0,0,.7);pointer-events:all}.navBar{position:fixed;background-color:#191919;width:100vw;z-index:5;height:70px}.navBar-shadow{transition:all .3s ease;box-shadow:0 0 30px 0 rgba(0,0,0,.9)}.slim-logo{display:block;height:36px;width:36px;margin:auto 20px auto 0}@media(min-width:800px){.slim-logo{display:none}}main{display:flex;justify-content:space-around;align-items:center;flex-direction:column-reverse;padding:58px 24px}@media(min-width:800px){main{flex-flow:row nowrap}}.cover-text{max-width:600px;padding:0;margin:40px auto 24px}@media(min-width:800px){.cover-text{max-width:400px;align-self:flex-start;padding:0 10px;margin:unset}}.cover-text h1{font-weight:500;font-size:40px;color:#333;margin:0 auto 10px;text-align:center}@media(min-width:800px){.cover-text h1{text-align:left}}.cover-text .sub-header{font-weight:400;font-size:24px;color:#e87500;margin:40px 0;text-align:center;font-family:"proxima nova",sans-serif}@media(min-width:800px){.cover-text .sub-header{text-align:left;margin:24px 0}}.main-image{max-width:400px;padding:0 10px;display:block}@media(min-width:800px){.main-image{display:flex;width:400px}}.main-image .main-image-split{max-width:33%;height:auto;transition:all .2s ease}@media(min-width:800px){.main-image .main-image-split{max-width:125px;height:318px}}.main-image .main-image-split:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.main-image .main-image-split:first-child{margin-top:26%}@media(min-width:800px){.main-image .main-image-split:first-child{margin-top:100px}}.main-image .main-image-split:nth-child(2){margin:13% 0}@media(min-width:800px){.main-image .main-image-split:nth-child(2){margin:50px 0}}.main-image .main-image-split:nth-child(3){margin-bottom:26%}@media(min-width:800px){.main-image .main-image-split:nth-child(3){margin-bottom:100px}}.main-button{margin:32px auto 0}@media(min-width:800px){.main-button{margin:32px 0 0}}.work{text-align:center;padding:24px 12px 84px;margin-top:64px}.card-container{display:flex;justify-content:space-around;flex-flow:row wrap;align-items:center;margin-top:48px}@media(max-width:600px){.card-container{flex-direction:column}}.card{display:block;height:auto;border-radius:10px;max-width:400px;margin:20px auto;overflow:hidden;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);transition:all .2s ease}@media(min-width:800px){.card{max-width:100%;margin:20px 8px}}.card__orange{height:400px;padding:10px 40px;background:linear-gradient(to bottom left,#fed574 0,#fd9c27 30%,#fd8c48 60%,#fd844a)}@media(min-width:600px){.card__orange{width:400px;padding:10px 0}}@media(min-width:800px){.card__orange{width:300px;height:370px}}.card__pink{height:400px;padding:10px 40px;background:linear-gradient(to bottom left,#e6d8df 0,#ec98d3 30%,#c384a6 60%,#94496c)}@media(min-width:600px){.card__pink{width:400px;padding:10px 0}}@media(min-width:800px){.card__pink{width:300px;height:370px}}.card__blue{height:400px;padding:10px 40px;background:linear-gradient(to bottom left,#f0fbff 0,#c9f1ff 10%,#9be5ff)}@media(min-width:600px){.card__blue{width:400px;padding:10px 0}}@media(min-width:800px){.card__blue{width:300px;height:370px}}.card__mint{height:400px;padding:10px 40px;position:relative;background-color:#e9fffb}@media(min-width:600px){.card__mint{width:400px;padding:10px 0}}@media(min-width:800px){.card__mint{width:300px;height:370px}}.card__buzz{height:400px;padding:10px 40px;background:linear-gradient(to bottom left,#f0fbff 0,#aed8e7 10%,#1e6e8e)}@media(min-width:600px){.card__buzz{width:400px;padding:10px 0}}@media(min-width:800px){.card__buzz{width:300px;height:370px}}.card__inspace{height:400px;padding:10px 40px;display:flex;align-items:center;justify-content:center;background:url(https://res.cloudinary.com/obkidz/image/upload/v1636606546/inspace/splash_still_zauqss.png);background-position:50%;background-size:cover;background-repeat:no-repeat}@media(min-width:600px){.card__inspace{width:400px;padding:10px 0}}@media(min-width:800px){.card__inspace{width:300px;height:370px}}.card__inspace:hover{transition:all .3s ease-in}.card--image{position:relative;max-width:100%;filter:drop-shadow(-20px 15px 30px rgba(0,0,0,.7));-webkit-filter:drop-shadow(-20px 15px 30px rgba(0,0,0,.7));transition:all .2s ease}@media(min-width:600px){.card--image{max-width:250px}}@media(min-width:800px){.card--image{max-width:220px}}.card:hover{box-shadow:0 4px 5px 2px rgba(60,64,67,.5)}.card:hover .card--slide{margin-top:0;animation:cardSlide .2s ease;-webkit-animation:cardSlide .2s ease}.card:hover .card--zoom{transition:all .3s ease}.card-margin{margin-top:20px}.card--logo{max-width:250px;margin:30px 0 20px;-webkit-filter:drop-shadow(-3px 3px 1px rgba(0,0,0,.1));filter:drop-shadow(-3px 3px 1px rgba(0,0,0,.1))}.smaller-logo{max-width:200px;margin:30px 0 10px}@-webkit-keyframes cardSlide{0%{margin-top:20px}to{margin-top:0}}@keyframes cardSlide{0%{margin-top:20px}to{margin-top:0}}.img-center{margin:auto}.image-sm{max-width:250px}.image-md{max-width:300px}.image-lg{max-width:500px}.image-xl{max-width:600px}.image-xxl{max-width:800px}.img-fullsize{width:100%}.img-shadow{width:100%;box-shadow:0 10px 60px rgba(0,0,0,.1)}.video-md-rel{max-width:100%}@-webkit-keyframes slideHeroImage{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:.4}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideHeroImage{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:.4}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.text-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.text-setting{margin:0 auto 36px;max-width:800px;text-align:left}.text-setting-small{max-width:400px}@media(max-width:800px){.text-setting-small{max-width:unset}}#row-section{display:flex;justify-content:space-around;flex-flow:row wrap}@media(min-width:1000px){#row-section{padding:80px}}.hero{width:100%;overflow:hidden;position:relative;margin-bottom:32px;z-index:-1;height:700px}@media(min-width:600px){.hero{height:400px}}.hero-logo{width:200px;height:auto}.hero .hero-text{max-width:450px;text-align:left;padding:12px 24px 0}@media(min-width:600px){.hero .hero-text{max-width:350px}}@media(min-width:800px){.hero .hero-text{max-width:400px;padding:20px 48px 0}}@media(min-width:1000px){.hero .hero-text{max-width:500px}}.hero .hero-text h2{font-family:futura-pt,sans-serif;text-align:left;margin:10px 0;letter-spacing:3px}.hero .hero-text h5{margin:12px 0 24px;color:#333;font-weight:400;font-size:20px}.hero .pill-container{display:flex;flex-flow:row wrap}.hero .pill-container .pill{font-size:12px;color:#fff;padding:0 8px;border-radius:5px;margin:0 10px 10px 0}.hero .pill-container .pill-orange{background-color:#ab5600}.hero .pill-container .pill-blue{background-color:#61aafd}.hero .pill-container .pill-green{color:#333;background-color:#eebddf}.hero-bg-orange{background:linear-gradient(to bottom left,#fed574 0,#fd9c27 30%,#fd8c48 60%,#fd844a)}.hero-bg-pink{background:linear-gradient(to bottom left,#e6d8df 0,#ec98d3 30%,#c384a6 60%,#94496c)}.hero-bg-lightblue{background:linear-gradient(to bottom left,#f0fbff 0,#c9f1ff 10%,#9be5ff)}.hero-image-container{display:flex;justify-content:space-evenly;flex-flow:row wrap;position:inherit;top:-280px}@media(min-width:600px){.hero-image-container{top:-250px}}.hero-image{margin-bottom:0;position:relative;max-width:250px;opacity:0;-webkit-animation:slideHeroImage .5s ease-out forwards;animation:slideHeroImage .5s ease-out forwards}.hero-image:nth-child(n+2){display:none}.hero-image:first-child{bottom:-300px}@media(min-width:600px){.hero-image{max-width:200px}.hero-image:first-child{display:block;bottom:-300px;-webkit-animation-delay:0s;animation-delay:0s}.hero-image:nth-child(2){display:block;bottom:-210px;-webkit-animation-delay:.1s;animation-delay:.1s}.hero-image:nth-child(3){display:block;bottom:-120px;-webkit-animation-delay:.2s;animation-delay:.2s}}@media(min-width:800px){.hero-image{max-width:250px}}.filter-shadow{width:100%;height:auto;filter:drop-shadow(-20px 15px 30px rgba(0,0,0,.7));-webkit-filter:drop-shadow(-20px 15px 30px rgba(0,0,0,.7))}.overview{padding:40px 24px 100px}.overview #overview-image{width:100%}.project-main{padding:0 24px}.project-main .project-section{padding:80px 0}.project-main .wireframe-section{display:flex;justify-content:space-evenly;flex-flow:row wrap;align-items:center}.project-main .wireframe-section figure{max-width:600px;text-align:center;margin:24px}.project-main .wireframe-section figcaption{margin:16px;color:#646464;font-size:16px}.mockup-image{margin:80px 0 32px;height:480px}.mockup-image img{width:100%;height:100%;object-fit:cover}.project-button{margin:48px auto 100px}footer{padding:56px 16px;text-align:center;background-color:#191919;margin-top:32px}@media(max-width:600px){footer{padding:24px}}.footer-container{max-width:600px;margin:auto}.footer-container .vertical-logo{max-width:300px;margin:32px auto}.footer-container p{color:#b3b3b3}.footer-container .footnote{font-size:small}.footer-container .footer-button{margin:40px auto}.socials-container{display:flex;justify-content:space-around;flex-wrap:wrap}.socials-container .social-icon{height:50px;width:50px;margin:24px}.socials-container li{transition:all .2s ease}.socials-container li:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.scroll-btn{background-color:transparent;border:none;bottom:-100px;height:83.67px;opacity:.4;padding:0;position:fixed;right:15px;width:50px;line-height:0}@media(min-width:600px){.scroll-btn{right:25px}}.scroll-btn:hover{opacity:1}.scroll-btn:hover,.scroll-btn:hover .scroll-button-image{transition:all .1s ease}.scroll-button-image{pointer-events:none;width:100%}.hide-scroll{transition:all .3s ease;opacity:0}.show-scroll{transition:all .3s ease;opacity:.4;bottom:10px;right:15px}@media(min-width:600px){.show-scroll{right:25px;bottom:25px}}.fadeIn{-webkit-animation:fadeOut 2s forwards;animation:fadeOut 2s forwards}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:.4}}@keyframes fadeOut{0%{opacity:1}to{opacity:.4}}.skillset-container{text-align:center;margin:144px auto;padding:0 24px}.skillset{display:flex;justify-content:space-around;flex-flow:row wrap;max-width:575px;margin:auto}.skillset--card{display:flex;flex-flow:column;justify-content:space-between;align-items:center;width:100px;height:auto;padding:15px 5px;border-radius:10px;margin:8px}.skillset--card p{margin:0}.skillset--card .orange-font{color:#e87500;font-weight:500;font-size:16px;margin:0;line-height:1.3}.skillset--icon{width:70px;display:block;margin:0 auto 12px}.splash{width:100vw;height:100vh;position:relative;position:fixed;z-index:20;background-color:#191919;-webkit-animation:dissolveBG .6s ease .7s forwards,fade .5s ease 6.1s forwards;animation:dissolveBG .6s ease .7s forwards,fade .5s ease 6.1s forwards}.splash-bars-big{position:relative;display:flex;justify-content:space-evenly;align-items:center;margin:12px auto;width:100%;height:auto;bottom:-100vh}.splash-bars-big-bar{background-color:#e87500;height:70vh;max-width:33%;width:100%;margin:0 12px;position:relative}@media(min-width:600px){.splash-bars-big-bar{height:100vh}}.splash-bars-big-bar:first-child{margin-top:100%}@media(min-width:600px){.splash-bars-big-bar:first-child{margin-top:80%}}@media(min-width:1000px){.splash-bars-big-bar:first-child{margin-top:60%}}.splash-bars-big-bar:nth-child(3){margin-top:-100%}@media(min-width:600px){.splash-bars-big-bar:nth-child(3){margin-top:-80%}}@media(min-width:1000px){.splash-bars-big-bar:nth-child(3){margin-top:-60%}}.splash-bars-small{display:flex;justify-content:space-evenly;align-items:center;margin:12px auto;width:75px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-450%);transform:translate(-50%,-450%)}.splash-bars-small-bar{background-color:#e87500;height:30px;width:15px;position:relative;opacity:0;transition:all forwards .4s ease}.splash-bars-small-bar:first-child{-webkit-animation-delay:1.4s;animation-delay:1.4s}.splash-bars-small-bar:nth-child(2){-webkit-animation-delay:1.3s;animation-delay:1.3s}.splash-bars-small-bar:nth-child(3){-webkit-animation-delay:1.2s;animation-delay:1.2s}.splash-content{text-align:center;position:absolute;width:100%;max-width:800px;top:50%;left:50%;-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-70%)}.splash-content-first-name,.splash-content-last-name{overflow:hidden;display:inline-block;max-width:150px;margin:10px 15px;-webkit-animation:hideTitle .7s ease 2.5s forwards;animation:hideTitle .7s ease 2.5s forwards}@media(min-width:600px){.splash-content-first-name,.splash-content-last-name{max-width:200px;margin:10px 20px;-webkit-animation:slideAway .7s ease 2.5s forwards;animation:slideAway .7s ease 2.5s forwards}}.splash-content-title{display:inline-block;max-width:275px;overflow:hidden;position:relative;-webkit-animation:hideTitle .7s ease-out 2.5s forwards;animation:hideTitle .7s ease-out 2.5s forwards}@media(min-width:600px){.splash-content-title{max-width:325px}}.splash .name{top:55px;-webkit-animation:slideUp .7s ease-out forwards;animation:slideUp .7s ease-out forwards}.splash .name,.splash .title{width:100%;height:auto;position:relative}.splash .title{bottom:25px;-webkit-animation:slideDown .7s ease-out forwards;animation:slideDown .7s ease-out forwards}.slide-bars{-webkit-animation:revealSmallLogo .3s ease-out .5s forwards;animation:revealSmallLogo .3s ease-out .5s forwards}.slide-big-bars{-webkit-animation:slideBigBars .6s ease-in-out .5s forwards;animation:slideBigBars .6s ease-in-out .5s forwards}.slide-big-bars-away{-webkit-animation:slideBigBars .6s ease-in-out forwards;animation:slideBigBars .6s ease-in-out forwards}.open-logo{opacity:1}.open-logo:first-child{-webkit-animation:slideBarDown .7s forwards,hideSmallLogo .3s 3.4s forwards;animation:slideBarDown .7s forwards,hideSmallLogo .3s 3.4s forwards}.open-logo:nth-child(2){-webkit-animation:hideSmallLogo .3s 3.3s forwards;animation:hideSmallLogo .3s 3.3s forwards}.open-logo:nth-child(3){-webkit-animation:slideBarUp .7s forwards,hideSmallLogo .3s 3.2s forwards;animation:slideBarUp .7s forwards,hideSmallLogo .3s 3.2s forwards}@-webkit-keyframes hideTitle{0%{top:0;opacity:1}to{top:20px;opacity:0}}@keyframes hideTitle{0%{top:0;opacity:1}to{top:20px;opacity:0}}@-webkit-keyframes slideAway{0%{margin:10px 20px;opacity:1}to{margin:10px 40px;opacity:0}}@keyframes slideAway{0%{margin:10px 20px;opacity:1}to{margin:10px 40px;opacity:0}}@-webkit-keyframes slideBarUp{0%{top:0}to{top:-10px}}@keyframes slideBarUp{0%{top:0}to{top:-10px}}@-webkit-keyframes hideSmallLogo{0%{top:0;opacity:1}to{top:-250px;opacity:0}}@keyframes hideSmallLogo{0%{top:0;opacity:1}to{top:-250px;opacity:0}}@-webkit-keyframes slideBarDown{0%{top:0}to{top:10px}}@keyframes slideBarDown{0%{top:0}to{top:10px}}@-webkit-keyframes revealSmallLogo{0%{bottom:250px;opacity:0}to{bottom:0;opacity:1}}@keyframes revealSmallLogo{0%{bottom:250px;opacity:0}to{bottom:0;opacity:1}}@-webkit-keyframes slideUp{0%{top:55px}to{top:0}}@keyframes slideUp{0%{top:55px}to{top:0}}@-webkit-keyframes slideDown{0%{bottom:25px}to{bottom:0}}@keyframes slideDown{0%{bottom:25px}to{bottom:0}}@-webkit-keyframes slideBigBars{0%{bottom:-100%}to{bottom:200%}}@keyframes slideBigBars{0%{bottom:-100%}to{bottom:200%}}@-webkit-keyframes dissolveBG{0%{background-color:#191919}to{background-color:#fff}}@keyframes dissolveBG{0%{background-color:#191919}to{background-color:#fff}}@-webkit-keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:1}to{opacity:0}}