@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";*,*:after,*:before{margin:0;padding:0;box-sizing:inherit;font-family:inherit}html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 75em){html{font-size:59%}}@media only screen and (max-width: 56.25em){html{font-size:56%}}@media only screen and (min-width: 112.5em){html{font-size:65%}}body{box-sizing:border-box;position:relative;line-height:1.5;font-family:sans-serif;overflow-x:hidden;overflow-y:scroll;font-family:Source Sans Pro,sans-serif}a{text-decoration:none;color:inherit}li{list-style:none}input:focus,button:focus,a:focus,textarea:focus{outline:none}button{border:none;cursor:pointer}textarea{resize:none}p>a{text-decoration:underline;transition-duration:.35s}p>a:link{color:#009717}p>a:visited{color:#009717}p>a:hover{color:#00de07;transition-duration:.35s}p>a:active{color:#95734d}code{font-family:Consolas,courier new;color:#01d108;background-color:#1f1f1f;padding:.75rem 1rem;margin:2rem;border-radius:6px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}#get-in-touch-btn{margin-top:4rem}.header{position:fixed;width:100%;z-index:1000;background:white;box-shadow:0 10px 100px #0000001a}.header__content{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem}@media only screen and (max-width: 42.5em){.header__content{display:grid;grid-template-columns:17rem auto 3rem;padding:1.5rem}}.header__social-cont{display:none;padding:0 0 0 2rem}@media only screen and (max-width: 42.5em){.header__social-cont{display:inline-block;padding:0 2rem}}.header__logo-container{display:flex;align-items:center;cursor:pointer;color:#333;transition:color .3s}.header__logo-container:hover{color:#009717}.header__logo-img-cont{width:5rem;height:5rem;border-radius:50px;overflow:hidden;margin-right:1.5rem;background:#009717}@media only screen and (max-width: 56.25em){.header__logo-img-cont{width:4.5rem;height:4.5rem;margin-right:1.2rem}}.header__logo-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.header__logo-sub{font-size:1.8rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}@media only screen and (max-width: 42.5em){.header__logo-sub{font-size:1.7rem;line-height:1.75rem}}.header__links{display:flex}@media only screen and (max-width: 42.5em){.header__links{display:none}}.header__link{padding:2.2rem 1.5rem;display:inline-block;font-size:1.6rem;color:#333;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:color .3s}.header__link-contact{margin-right:2rem}.header__link:hover{color:#009717}@media only screen and (max-width: 56.25em){.header__link{padding:3rem 1.5rem;letter-spacing:.5px}}.header__main-ham-menu-cont{display:none;width:3rem;margin:0 auto}@media only screen and (max-width: 42.5em){.header__main-ham-menu-cont{display:block}}.header__main-ham-menu{position:fixed;opacity:1;transition:all .4s;transition-delay:.1s}.header__main-ham-menu-close{opacity:1;transition:all .4s;transition-delay:.1s;vertical-align:middle}.header__sm-menu{background:rgba(255,255,255,0);position:absolute;width:100%;top:100%;visibility:hidden;opacity:0;transition:all .5s;box-shadow:0 5px 5px #0000001a;-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,.1)}.header__sm-menu--active{opacity:1;background:rgb(255,255,255);transition:all 1s}.header__sm-menu-link a{display:block;text-decoration:none;padding:2rem 3rem;font-size:1.6rem;color:#333;text-align:right;border-bottom:1px solid #eee;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:color .3s}.header__sm-menu-link a:hover{color:#009717}.header__sm-menu-link:first-child a{border-top:1px solid #eee}.header__sm-menu-link:last-child a{background-color:#01d108;color:#fff;border-color:#009717;border-width:0 0 3px 0}.main-footer{background:#000;color:#fff}.main-footer__upper{justify-content:space-between;padding:4rem 0}@media only screen and (max-width: 42.5em){.main-footer__upper{display:block}}.main-footer__row-1{order:2}@media only screen and (max-width: 56.25em){.main-footer__row-1{margin-bottom:5rem}}.main-footer__row-2{order:1;text-align:center}@media only screen and (max-width: 56.25em){.main-footer__row-2{width:100%}}.main-footer__short-desc{margin-top:1rem;color:#eee;font-size:1.6rem;line-height:1.7}.main-footer__social-cont{margin-top:2rem}.main-footer__icon{margin:auto .5rem;vertical-align:middle;width:3rem;transition-duration:.3s}.main-footer__icon--mr-none{margin-right:0}.main-footer__icon:hover{scale:115%;-webkit-filter:drop-shadow(1px 1px 4px rgba(255,255,255,.5))}.main-footer__lower{padding:4rem 0;border-top:1px solid #444;color:#eee;font-size:1.2rem;text-align:left;text-align:center}.main-footer__lower a{text-decoration:underline;font-weight:700;margin-left:2px}@media only screen and (max-width: 56.25em){.main-footer__lower{padding:3.5rem 0}}.mouse{width:25px;height:40px;border:2px solid #eee;border-radius:60px;position:relative;overflow:hidden}.mouse:before{content:"";width:5px;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%);background-color:#eee;border-radius:50%;opacity:1;animation:wheel 1.3s infinite;-webkit-animation:wheel 1.3s infinite}@keyframes wheel{to{opacity:0;top:27px}}@-webkit-keyframes wheel{to{opacity:0;top:27px}}.home-hero{color:#fff;height:100vh;min-height:80rem;max-height:120rem;position:relative;background:url(/assets/hero-image-3-30pc-d71a5f13.jpg) rgba(255,255,255,.7);background-position:center;background-size:cover}@media only screen and (max-width: 42.5em){.home-hero{height:100vh;background:url(/assets/hero-image-4-15pc-90b4320c.jpg) rgba(255,255,255,.7);background-position:center;background-size:cover;background-repeat:no-repeat}}.home-hero__socials{position:fixed;top:50%;border:2px solid #d1d1d1;border-left:3px solid #d1d1d1;border-top-right-radius:8px;border-bottom-right-radius:8px;transform:translateY(-50%);padding:.5rem 0;transition-duration:.3s}.home-hero__socials:hover{background:rgba(238,238,238,.1)}@media only screen and (max-width: 56.25em){.home-hero__socials{display:none}}.home-hero__mouse-scroll-cont{position:absolute;bottom:3%;left:50%;transform:translate(-50%)}@media only screen and (max-width: 42.5em){.home-hero__mouse-scroll-cont{display:none}}.home-hero__social{width:5rem}.home-hero__social-icon-link{width:100%;display:block;padding:.5rem 1rem;transition:.3s}.home-hero__social-icon-link:hover{scale:110%}.home-hero__social-icon-link--bd-none{border-bottom:0}.home-hero__social-icon{width:100%;-webkit-filter:drop-shadow(1px 1px 4px #000000)}.home-hero__content{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);max-width:90rem;width:92%;margin-right:0;text-shadow:2px 2px 2px #000}@media only screen and (max-width: 42.5em){.home-hero__content{margin:auto;position:static;padding:45vh 0 0;transform:translate(0);vertical-align:baseline}}.home-hero__info{margin:3rem auto 0}@media only screen and (max-width: 42.5em){.home-hero__info{margin:1rem auto 0}}.home-hero__cta{margin-top:5rem;text-align:right;text-shadow:none}@media only screen and (max-width: 42.5em){.home-hero__cta{text-align:center;max-width:80%;margin-left:auto;margin-right:auto;margin-top:3rem}}.about{background:rgb(245,245,245)}.about__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:10rem}@media only screen and (max-width: 56.25em){.about__content{grid-template-columns:1fr;grid-gap:8rem}}.about__content-title{font-weight:700;font-size:2.8rem}@media only screen and (max-width: 42.5em){.about__content-title{font-size:2.4rem}}.about__content-subtitle{color:#494949;font-weight:700;font-size:2rem;margin-top:1rem;margin-bottom:1.5rem}@media only screen and (max-width: 42.5em){.about__content-subtitle{font-size:1.5rem}}.about__content-details-para{font-size:1.8rem;color:gray;max-width:60rem;line-height:1.7;margin-top:1rem;margin-bottom:1rem}.about__content-details-para--hl{font-weight:700;margin:0 3px}.about__content-details-para:last-child{margin-bottom:4rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about__bio{animation:fadeIn .5s}.about__bio:last-child{margin-bottom:12rem}.skills{display:flex;flex-wrap:wrap;background:rgb(255,255,255)}.skills__content{margin:5rem 0 0;grid-column-gap:6rem}@media only screen and (max-width: 56.25em){.skills__content{grid-template-columns:1fr;grid-gap:8rem}}.skills__content-title{font-weight:700;font-size:2.8rem}@media only screen and (max-width: 42.5em){.skills__content-title{font-size:1.9rem}}.skills__content-subtitle{color:#4b4b4b;font-weight:700;font-size:2rem;margin-top:1rem;margin-bottom:1.5rem}@media only screen and (max-width: 42.5em){.skills__content-subtitle{font-size:1.8rem}}.skills__content-details-para{font-size:1.8rem;color:gray;max-width:60rem;line-height:1.7;margin-top:1rem;margin-bottom:1rem}.skills__content-details-para--hl{font-weight:700;margin:0 3px}.skills__content-details-para:last-child{margin-bottom:4rem}.skills__content-list{display:flex;flex-wrap:wrap}.skills__content-skill{padding:1rem 2rem;margin-bottom:1.5rem;margin-right:1.5rem;font-size:1.6rem;background:#e8e8e8;border-radius:10px;font-weight:600;color:#000}.skills__content-program{padding:1rem 2rem;margin-bottom:1.5rem;margin-right:1.5rem;font-size:1.6rem;background:#626262;border-radius:10px;font-weight:600;color:#f5f5f5}.skills__content-panel{display:none}.skills__content-panel-active{display:block;padding:0 1.5rem;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-style:solid;border-width:3px;border-color:#ddd;margin-bottom:1rem;-webkit-animation:fadeIn .5s}.accordion{background-color:#eee;cursor:pointer;padding:18px;width:100%;border:none;border-radius:20px;text-align:left;outline:none;margin-bottom:1rem;-webkit-transition:border-radius .15s;transition:border-radius .15s}.accordion:after{content:"+";color:#777;font-weight:700;float:right;margin-left:5px}.accordion.active,.accordion:hover{background-color:#ddd;transition:.35s}.accordion.active{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion.active:after{content:"−";color:#777}.projects{background:rgb(245,245,245)}@media only screen and (max-width: 56.25em){.projects__row{text-align:center}}.projects__row:last-child{margin-bottom:0}.projects__row-non-buttons{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:5rem}@media only screen and (max-width: 56.25em){.projects__row-non-buttons{grid-template-columns:1fr;grid-gap:2rem}}.projects__row-img-cont{overflow:hidden;position:relative;height:42rem}@media only screen and (max-width: 56.25em){.projects__row-img-cont{height:22rem}}.projects__row-img{width:100%;display:block;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projects__row-content{display:flex;justify-content:center;flex-direction:column;align-items:flex-start}@media only screen and (max-width: 56.25em){.projects__row-content{align-items:center}}.projects__row-content-title{font-weight:700;font-size:2.8rem;margin-bottom:2rem}@media only screen and (max-width: 42.5em){.projects__row-content-title{font-size:2.4rem}}.projects__row-content-desc{font-size:1.8rem;color:gray;max-width:60rem;line-height:1.7;margin-bottom:3rem}@media only screen and (max-width: 42.5em){.projects__row-content-desc{font-size:1.7rem}}.projects__row-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2rem;justify-items:center;margin:0 20rem 6rem}@media only screen and (max-width: 56.25em){.projects__row-buttons{grid-template-columns:1fr;grid-gap:2rem;margin:0 0 4rem}}.blogs{background:#fff}.blogs__row{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:5rem;margin-bottom:3rem}@media only screen and (max-width: 56.25em){.blogs__row{grid-template-columns:1fr;grid-gap:2rem;margin-bottom:0}}@media only screen and (max-width: 56.25em){.blogs__row{text-align:center}}.blogs__row:last-child{margin-bottom:0}.blogs__row-img{height:40rem;width:60rem;margin:2rem 0;display:block;object-fit:cover;overflow:hidden}@media only screen and (max-width: 56.25em){.blogs__row-img{width:100%;height:100%}}.blogs__row-content{padding:2rem 0;display:flex;justify-content:center;flex-direction:column;align-items:flex-start}@media only screen and (max-width: 56.25em){.blogs__row-content{align-items:center}}.blogs__row-content-title{font-weight:700;font-size:2.8rem;margin-bottom:2rem}@media only screen and (max-width: 42.5em){.blogs__row-content-title{font-size:2.4rem}}.blogs__row-content-desc{font-size:1.8rem;font-style:italic;color:gray;max-width:60rem;line-height:1.7;margin-bottom:3rem}@media only screen and (max-width: 42.5em){.blogs__row-content-desc{font-size:1.7rem}}.contact{background-color:#009717e6;background-size:cover;background-position:center;width:100vw;height:100vh;position:fixed;z-index:1;display:grid;place-items:center;transition:opacity .3s ease-in-out,visibility .3s}.contact__form-container{box-shadow:0 0 10px #0000001a;background:white;padding:4rem;margin:6rem auto 0;max-width:80rem;text-align:right;width:95%;border-radius:10px}@media only screen and (max-width: 42.5em){.contact__form-container{margin:4rem auto 0;padding:2rem}}.contact__form-container-modal{box-shadow:0 0 10px #0000001a;background:white;padding:4rem;margin:6rem auto 0;max-width:80rem;text-align:right;width:95%;border-radius:10px}@media only screen and (max-width: 42.5em){.contact__form-container-modal{margin:4rem auto 0;padding:2rem}}.contact__form-field{margin-bottom:2rem}@media only screen and (max-width: 42.5em){.contact__form-field{margin-bottom:3rem}}.contact__form-label{color:#666;font-size:1.4rem;letter-spacing:1px;font-weight:700;margin-bottom:1rem;display:block;text-align:left}.contact__form-status{font-size:1.6rem;letter-spacing:1px;font-weight:700;margin-bottom:2rem;display:block;text-align:right}.contact__form-input{color:#333;padding:2rem;width:100%;border:1px solid rgb(235,235,235);font-size:1.6rem;letter-spacing:0px;background:#f0f0f0;border-radius:10px;font-weight:600}.contact__form-input::placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input::-webkit-input-placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input:-ms-input-placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input::-ms-input-placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input:-moz-placeholder{opacity:1;color:#999;font-weight:600;font-size:1.6rem}.contact__form-input::-moz-placeholder{opacity:1;color:#999;font-weight:600;font-size:1.6rem}.contact__btn{width:30%;padding:2rem 4rem;font-size:1.6rem}@media only screen and (max-width: 42.5em){.contact__btn{width:100%}}.resume{margin:0 auto}.project-cs-hero{color:#fff;background:linear-gradient(to right,rgba(0,151,23,.7),rgba(0,151,23,.7));background-size:cover;position:relative;height:100vh;min-height:80rem;max-height:120rem}@media only screen and (max-width: 42.5em){.project-cs-hero{height:unset;min-height:unset}}.project-cs-hero__content{padding:25rem 0 17rem;max-width:90rem;width:92%;margin:auto}@media only screen and (max-width: 42.5em){.project-cs-hero__content{padding:19rem 0 13rem;margin:auto;position:static;transform:translate(0)}}.project-cs-hero__info{margin:3rem auto 0;max-width:80rem}.project-cs-hero__cta{margin-top:5rem;text-align:center}.project-cs-hero__video{position:absolute;right:0;bottom:0;z-index:-1;min-height:100%;margin:0 auto}@media only screen and (max-width: 42.5em){.project-cs-hero__video{width:auto}}.project-details__content{padding:8rem 0;max-width:90rem;margin:auto}.project-details__content-title{font-weight:700;font-size:2.8rem;margin-bottom:3rem}@media only screen and (max-width: 42.5em){.project-details__content-title{font-size:2.4rem}}.project-details__showcase-img-cont{width:100%;margin-bottom:6rem}.project-details__showcase-img{width:100%}.project-details__content-main{width:100%;max-width:70rem;margin:auto}.project-details__desc{margin:0 0 7rem}.project-details__desc-para{font-size:1.8rem;line-height:1.7;color:gray;margin-bottom:2rem}.project-details__tools-used{margin-bottom:7rem}.project-details__tools-used-list{display:flex;flex-wrap:wrap}.project-details__tools-used-item{padding:1rem 2rem;margin-bottom:1.5rem;margin-right:1.5rem;font-size:1.6rem;background:rgba(153,153,153,.2);border-radius:10px;font-weight:600;color:#777}.project-details__links{margin:0}.project-details__links-btn{margin-right:2rem}@media only screen and (max-width: 42.5em){.project-details__links-btn{margin-right:0;width:70%;margin-bottom:2rem;text-align:center}}.project-details__links-btn:last-child{margin:0}@media only screen and (max-width: 42.5em){.project-details__links-btn:last-child{margin:0}}.heading-primary{font-size:6rem;text-transform:uppercase;letter-spacing:3px;text-align:right}@media only screen and (max-width: 42.5em){.heading-primary{font-size:4rem}}.heading-perm{font-family:Permanent Marker,cursive;font-size:6rem;letter-spacing:3px;text-align:right}@media only screen and (max-width: 42.5em){.heading-perm{font-size:4rem}}.heading-sec__mb-bg{margin-bottom:11rem}@media only screen and (max-width: 56.25em){.heading-sec__mb-bg{margin-bottom:8rem}}.heading-sec__main{display:block;font-size:4rem;text-transform:uppercase;letter-spacing:1px;letter-spacing:3px;text-align:center;margin-bottom:4rem;position:relative}.heading-sec__main--lt{color:#fff}.heading-sec__main--lt:after{content:"";background:#fff!important}.heading-sec__main:after{content:"";position:absolute;top:calc(100% + 1.5rem);height:5px;width:3rem;background:#009717;left:50%;transform:translate(-50%);border-radius:10px}@media only screen and (max-width: 42.5em){.heading-sec__main:after{top:calc(100% + 1.2rem)}}.heading-sec__sub{display:block;text-align:left;color:#777;font-size:2rem;font-weight:500;max-width:80rem;margin:auto;margin-bottom:3rem;line-height:1.6}@media only screen and (max-width: 42.5em){.heading-sec__sub{font-size:1.8rem}}.heading-sec__sub--lt{color:#eee}.heading-sm{font-size:2.2rem;text-transform:uppercase;letter-spacing:1px}.center-text{text-align:center;display:block}.main-container{max-width:120rem;margin:auto;width:92%}.btn{background:#fff;color:#fff;text-transform:uppercase;letter-spacing:2px;display:inline-block;font-weight:700;border-radius:10px;box-shadow:0 5px 15px #00000026;transition:transform .3s}.btn:hover{transform:translateY(-3px)}.btn--bg{background-color:#009717;padding:1.5rem 8rem;font-size:1.8rem}@media only screen and (max-width: 56.25em){.btn--bg{padding:1.3rem 4rem}}.btn--med{padding:1.5rem 5rem;font-size:1.6rem;margin:1rem 0}.btn--sm{padding:1rem 3rem;font-size:1.6rem;width:fit-content}@media only screen and (max-width: 56.25em){.btn--sm{font-size:1.4rem}}.btn--theme{background:#009717;color:#fff}.btn--theme-inv{color:#009717;background:#fff;border:2px solid #009717;box-shadow:none;padding:calc(1.5rem - 2px) calc(5rem - 2px)}.btn--center{display:block;width:fit-content;margin-left:auto;margin-right:auto;margin-top:1rem}.sec-pad{padding:9rem 0}@media only screen and (max-width: 56.25em){.sec-pad{padding:6rem 0}}.text-primary{color:#fff;font-size:2.2rem;text-align:right;width:100%;line-height:1.6}@media only screen and (max-width: 42.5em){.text-primary{font-size:2rem}}.d-none{opacity:0}.tg-list{text-align:center;display:flex;justify-content:center}.tg-list-item{margin:.5rem 2rem 2rem}.tgl{display:none}.tgl,.tgl:after,.tgl:before,.tgl *,.tgl *:after,.tgl *:before,.tgl+.tgl-btn{box-sizing:border-box}.tgl::selection,.tgl:after::selection,.tgl:before::selection,.tgl *::selection,.tgl *:after::selection,.tgl *:before::selection,.tgl+.tgl-btn::selection{background:none}.tgl+.tgl-btn{outline:0;display:block;width:16em;height:2em;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.tgl+.tgl-btn:after,.tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.tgl+.tgl-btn:after{left:0}.tgl+.tgl-btn:before{display:none}.tgl:checked+.tgl-btn:after{left:50%}.tgl-skewed+.tgl-btn{overflow:hidden;backface-visibility:hidden;transition:all .2s ease;font-family:sans-serif;background:#009717;border-radius:10px}@media only screen and (max-width: 42.5em){.tgl-skewed+.tgl-btn{padding:1px 0 0}}.tgl-skewed+.tgl-btn:after,.tgl-skewed+.tgl-btn:before{display:inline-block;transition:all .2s ease;width:100%;text-align:center;position:absolute;line-height:2em;font-weight:700;color:#fff}.tgl-skewed+.tgl-btn:after{left:100%;content:attr(data-tg-on)}.tgl-skewed+.tgl-btn:before{left:0;content:attr(data-tg-off)}.tgl-skewed+.tgl-btn:active:before{left:-10%}.tgl-skewed+.tgl-btn:hover{background:#01d108;box-shadow:4px 4px 8px #777}.tgl-skewed:checked+.tgl-btn{background:#009717;width:26em}.tgl-skewed:checked+.tgl-btn:before{left:-100%}.tgl-skewed:checked+.tgl-btn:after{left:0}.tgl-skewed:checked+.tgl-btn:active:after{left:10%}.tgl-skewed:checked+.tgl-btn:hover{background:#01d108;box-shadow:4px 4px 8px #777}hr.primary{display:block;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:2rem;width:2.5%;color:#009717;border-style:solid;border-width:3px;border-radius:3px;border-color:#009717}hr.secondary{display:block;margin-left:auto;margin-right:auto;margin-top:3rem;margin-bottom:3rem;width:5%;color:#009717;border-style:solid;border-width:1px;border-radius:3px;border-color:#009717}@media only screen and (max-width: 42.5em){hr.secondary{width:10%}}.success{color:#01d108}.error{color:#95734d}.loading{height:100vh;background:url(../../../public/gif/loading-fullscr-landscape.gif) rgba(255,255,255,.7);background-position:center;background-size:cover}@media only screen and (max-width: 56.25em){.loading{background:url(../../../public/gif/loading-fullscr-portrait.gif) rgba(255,255,255,.7);background-position:center;background-size:cover}}.animate{animation-duration:1s;animation-delay:0s;animation-name:animate-fade;animation-timing-function:cubic-bezier(.26,.53,.74,1.48);animation-fill-mode:backwards}.animate.fade{animation-name:animate-fade;animation-timing-function:ease}@keyframes animate-fade{0%{opacity:0}to{opacity:1}}.animate.pop{animation-name:animate-pop}@keyframes animate-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.animate.blur{animation-name:animate-blur;animation-timing-function:ease}@keyframes animate-blur{0%{opacity:0;filter:blur(15px)}to{opacity:1;filter:blur(0px)}}.animate.glow{animation-name:animate-glow;animation-timing-function:ease}@keyframes animate-glow{0%{opacity:0;filter:brightness(3) saturate(3);transform:scale(.8)}to{opacity:1;filter:brightness(1) saturate(1);transform:scale(1)}}.animate.grow{animation-name:animate-grow}@keyframes animate-grow{0%{opacity:0;transform:scaleY(0);visibility:hidden}to{opacity:1;transform:scale(1)}}.animate.splat{animation-name:animate-splat}@keyframes animate-splat{0%{opacity:0;transform:scale(0) rotate(20deg) translateY(-30px)}70%{opacity:1;transform:scale(1.1) rotate(15deg)}85%{opacity:1;transform:scale(1.1) rotate(15deg) translateY(-10px)}to{opacity:1;transform:scale(1) rotate(0) translate(0)}}.animate.roll{animation-name:animate-roll}@keyframes animate-roll{0%{opacity:0;transform:scale(0) rotate(360deg)}to{opacity:1;transform:scale(1) rotate(0)}}.animate.flip{animation-name:animate-flip;transform-style:preserve-3d;perspective:1000px}@keyframes animate-flip{0%{opacity:0;transform:rotateX(-120deg) scale(.9)}to{opacity:1;transform:rotateX(0) scale(1)}}.animate.spin{animation-name:animate-spin;transform-style:preserve-3d;perspective:1000px}@keyframes animate-spin{0%{opacity:0;transform:rotateY(-120deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}.animate.slide-left{animation-name:animate-slide-left}@keyframes animate-slide-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate.slide-right{animation-name:animate-slide-right}@keyframes animate-slide-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate.slide-up{animation-name:animate-slide-up}@keyframes animate-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0)}}.animate.drop{animation-name:animate-drop;animation-timing-function:cubic-bezier(.77,.14,.91,1.25)}@keyframes animate-drop{0%{opacity:0;transform:translateY(-300px) scale(.9,1.1)}95%{opacity:1;transform:translate(0) scale(.9,1.1)}96%{opacity:1;transform:translate(10px) scale(1.2,.9)}97%{opacity:1;transform:translate(-10px) scale(1.2,.9)}98%{opacity:1;transform:translate(5px) scale(1.1,.9)}99%{opacity:1;transform:translate(-5px) scale(1.1,.9)}to{opacity:1;transform:translate(0) scale(1)}}.delay-1{animation-delay:.25s}.delay-2{animation-delay:.5s}.delay-3{animation-delay:.75s}.delay-4{animation-delay:1s}.delay-5{animation-delay:1.5s}.delay-6{animation-delay:2s}@media screen and (prefers-reduced-motion: reduce){.animate{animation:none!important}}