/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename.css, then process with Codekit to output into prod/

*/@layer components{@media (hover:hover){.c-mario{--black:#191819;--red-dark:#a30000;--red:#cc0018;--red-bright:#ff1f39;--pink-dark:#e6625b;--pink:#ffac75;--blue-dark:#31398c;--blue:#4259bd;--blue-light:#7288ee;--white:#fffaff;--tan-dark:#ad5100;--tan:#e68333;--tan-light:#f8c930;filter:grayscale(100%)}@keyframes jumpsprite{0%{box-shadow:20px 5px var(--black),25px 5px var(--black),30px 5px var(--black),35px 5px var(--black),40px 5px var(--black),45px 5px var(--black),15px 10px var(--black),20px 10px var(--red-dark),25px 10px var(--red-dark),30px 10px var(--red),35px 10px var(--red),40px 10px var(--red-bright),45px 10px var(--red-bright),50px 10px var(--black),55px 10px var(--black),10px 15px var(--black),15px 15px var(--red-dark),20px 15px var(--red-dark),25px 15px var(--red),30px 15px var(--red),35px 15px var(--red),40px 15px var(--red),45px 15px var(--red),50px 15px var(--red),55px 15px var(--red),60px 15px var(--black),10px 20px var(--black),15px 20px var(--black),20px 20px var(--black),25px 20px var(--pink-dark),30px 20px var(--pink-dark),35px 20px var(--black),40px 20px var(--pink-dark),45px 20px var(--black),50px 20px var(--black),55px 20px var(--black),5px 25px var(--black),10px 25px var(--pink),15px 25px var(--pink),20px 25px var(--black),25px 25px var(--black),30px 25px var(--pink-dark),35px 25px var(--black),40px 25px var(--pink),45px 25px var(--pink),50px 25px var(--pink),55px 25px var(--pink),60px 25px var(--black),5px 30px var(--black),10px 30px var(--pink-dark),15px 30px var(--pink-dark),20px 30px var(--black),25px 30px var(--black),30px 30px var(--pink),35px 30px var(--pink),40px 30px var(--black),45px 30px var(--pink-dark),50px 30px var(--pink-dark),55px 30px var(--pink-dark),60px 30px var(--black),10px 35px var(--black),15px 35px var(--black),20px 35px var(--pink-dark),25px 35px var(--pink-dark),30px 35px var(--pink),35px 35px var(--black),40px 35px var(--black),45px 35px var(--black),50px 35px var(--black),55px 35px var(--black),15px 40px var(--black),20px 40px var(--black),25px 40px var(--pink-dark),30px 40px var(--pink-dark),35px 40px var(--pink-dark),40px 40px var(--pink-dark),45px 40px var(--pink-dark),50px 40px var(--black),10px 45px var(--black),15px 45px var(--blue),20px 45px var(--blue),25px 45px var(--black),30px 45px var(--red),35px 45px var(--blue),40px 45px var(--blue-light),45px 45px var(--black),5px 50px var(--black),10px 50px var(--blue-dark),15px 50px var(--blue),20px 50px var(--blue-light),25px 50px var(--blue),30px 50px var(--black),35px 50px var(--red),40px 50px var(--blue-dark),45px 50px var(--blue),50px 50px var(--black),5px 55px var(--black),10px 55px var(--blue-dark),15px 55px var(--blue-dark),20px 55px var(--blue-dark),25px 55px var(--blue),30px 55px var(--black),35px 55px var(--red),40px 55px var(--red),45px 55px var(--red),50px 55px var(--black),10px 60px var(--black),15px 60px var(--white),20px 60px var(--white),25px 60px var(--white),30px 60px var(--black),35px 60px var(--red-dark),40px 60px var(--white),45px 60px var(--pink-dark),50px 60px var(--black),10px 65px var(--black),15px 65px var(--white),20px 65px var(--white),25px 65px var(--tan-dark),30px 65px var(--tan),35px 65px var(--tan),40px 65px var(--black),45px 65px var(--red-dark),50px 65px var(--black),15px 70px var(--black),20px 70px var(--tan-dark),25px 70px var(--tan-dark),30px 70px var(--tan-dark),35px 70px var(--tan),40px 70px var(--tan-light),45px 70px var(--black),15px 75px var(--black),20px 75px var(--black),25px 75px var(--black),30px 75px var(--black),35px 75px var(--black),40px 75px var(--black),45px 75px var(--black)}20%{box-shadow:30px 5px var(--black),35px 5px var(--black),40px 5px var(--black),45px 5px var(--black),50px 5px var(--black),65px 5px var(--black),70px 5px var(--black),75px 5px var(--black),25px 10px var(--black),30px 10px var(--red-dark),35px 10px var(--red-dark),40px 10px var(--red),45px 10px var(--red-bright),50px 10px var(--red-bright),55px 10px var(--black),60px 10px var(--black),65px 10px var(--white),70px 10px var(--white),75px 10px var(--white),80px 10px var(--black),20px 15px var(--black),25px 15px var(--red-dark),30px 15px var(--red-dark),35px 15px var(--red),40px 15px var(--red),45px 15px var(--red),50px 15px var(--red),55px 15px var(--red),60px 15px var(--red),65px 15px var(--black),70px 15px var(--white),75px 15px var(--white),80px 15px var(--black),20px 20px var(--black),25px 20px var(--black),30px 20px var(--black),35px 20px var(--pink-dark),40px 20px var(--pink-dark),45px 20px var(--black),50px 20px var(--pink-dark),55px 20px var(--black),60px 20px var(--black),65px 20px var(--black),70px 20px var(--blue),75px 20px var(--black),15px 25px var(--black),20px 25px var(--pink),25px 25px var(--pink),30px 25px var(--black),35px 25px var(--black),40px 25px var(--pink-dark),45px 25px var(--black),50px 25px var(--pink),55px 25px var(--pink),60px 25px var(--pink),65px 25px var(--pink),70px 25px var(--blue),75px 25px var(--black),15px 30px var(--black),20px 30px var(--pink-dark),25px 30px var(--pink-dark),30px 30px var(--black),35px 30px var(--black),40px 30px var(--pink),45px 30px var(--pink),50px 30px var(--black),55px 30px var(--pink-dark),60px 30px var(--pink-dark),65px 30px var(--pink-dark),70px 30px var(--blue),75px 30px var(--black),20px 35px var(--black),25px 35px var(--black),30px 35px var(--pink-dark),35px 35px var(--pink-dark),40px 35px var(--pink),45px 35px var(--black),50px 35px var(--black),55px 35px var(--black),60px 35px var(--black),65px 35px var(--black),70px 35px var(--black),25px 40px var(--black),30px 40px var(--black),35px 40px var(--pink-dark),40px 40px var(--pink-dark),45px 40px var(--pink-dark),50px 40px var(--pink-dark),55px 40px var(--pink-dark),60px 40px var(--pink-dark),65px 40px var(--blue),70px 40px var(--black),15px 45px var(--black),20px 45px var(--blue),25px 45px var(--blue-light),30px 45px var(--blue),35px 45px var(--red-dark),40px 45px var(--red),45px 45px var(--blue-dark),50px 45px var(--blue),55px 45px var(--black),60px 45px var(--blue),65px 45px var(--black),10px 50px var(--black),15px 50px var(--black),20px 50px var(--black),25px 50px var(--blue-dark),30px 50px var(--blue-light),35px 50px var(--blue),40px 50px var(--red-dark),45px 50px var(--red),50px 50px var(--blue-dark),55px 50px var(--blue),60px 50px var(--black),65px 50px var(--black),70px 50px var(--black),75px 50px var(--black),5px 55px var(--black),10px 55px var(--white),15px 55px var(--white),20px 55px var(--white),25px 55px var(--black),30px 55px var(--blue-dark),35px 55px var(--blue-dark),40px 55px var(--black),45px 55px var(--white),50px 55px var(--red-bright),55px 55px var(--red-bright),60px 55px var(--white),65px 55px var(--black),70px 55px var(--tan-light),75px 55px var(--tan-dark),80px 55px var(--black),5px 60px var(--black),10px 60px var(--white),15px 60px var(--white),20px 60px var(--white),25px 60px var(--black),30px 60px var(--blue-dark),35px 60px var(--black),40px 60px var(--red),45px 60px var(--red),50px 60px var(--red),55px 60px var(--red),60px 60px var(--black),65px 60px var(--tan-light),70px 60px var(--tan-dark),75px 60px var(--tan-dark),80px 60px var(--black),10px 65px var(--black),15px 65px var(--black),20px 65px var(--black),25px 65px var(--black),30px 65px var(--black),35px 65px var(--red),40px 65px var(--red-dark),45px 65px var(--red-dark),50px 65px var(--red-dark),55px 65px var(--red-dark),60px 65px var(--black),65px 65px var(--tan),70px 65px var(--tan-dark),75px 65px var(--black),5px 70px var(--black),10px 70px var(--tan-dark),15px 70px var(--tan-dark),20px 70px var(--tan),25px 70px var(--black),30px 70px var(--red),35px 70px var(--red-dark),40px 70px var(--red-dark),45px 70px var(--red-dark),50px 70px var(--black),55px 70px var(--black),60px 70px var(--black),65px 70px var(--tan),70px 70px var(--tan-dark),75px 70px var(--black),5px 75px var(--black),10px 75px var(--tan-dark),15px 75px var(--tan),20px 75px var(--black),25px 75px var(--red-dark),30px 75px var(--red-dark),35px 75px var(--red-dark),40px 75px var(--black),45px 75px var(--black),65px 75px var(--black),70px 75px var(--black),10px 80px var(--black),15px 80px var(--black),25px 80px var(--black),30px 80px var(--black),35px 80px var(--black)}90%{box-shadow:20px 5px var(--black),25px 5px var(--black),30px 5px var(--black),35px 5px var(--black),40px 5px var(--black),45px 5px var(--black),15px 10px var(--black),20px 10px var(--red-dark),25px 10px var(--red-dark),30px 10px var(--red),35px 10px var(--red),40px 10px var(--red-bright),45px 10px var(--red-bright),50px 10px var(--black),55px 10px var(--black),10px 15px var(--black),15px 15px var(--red-dark),20px 15px var(--red-dark),25px 15px var(--red),30px 15px var(--red),35px 15px var(--red),40px 15px var(--red),45px 15px var(--red),50px 15px var(--red),55px 15px var(--red),60px 15px var(--black),10px 20px var(--black),15px 20px var(--black),20px 20px var(--black),25px 20px var(--pink-dark),30px 20px var(--pink-dark),35px 20px var(--black),40px 20px var(--pink-dark),45px 20px var(--black),50px 20px var(--black),55px 20px var(--black),5px 25px var(--black),10px 25px var(--pink),15px 25px var(--pink),20px 25px var(--black),25px 25px var(--black),30px 25px var(--pink-dark),35px 25px var(--black),40px 25px var(--pink),45px 25px var(--pink),50px 25px var(--pink),55px 25px var(--pink),60px 25px var(--black),5px 30px var(--black),10px 30px var(--pink-dark),15px 30px var(--pink-dark),20px 30px var(--black),25px 30px var(--black),30px 30px var(--pink),35px 30px var(--pink),40px 30px var(--black),45px 30px var(--pink-dark),50px 30px var(--pink-dark),55px 30px var(--pink-dark),60px 30px var(--black),10px 35px var(--black),15px 35px var(--black),20px 35px var(--pink-dark),25px 35px var(--pink-dark),30px 35px var(--pink),35px 35px var(--black),40px 35px var(--black),45px 35px var(--black),50px 35px var(--black),55px 35px var(--black),15px 40px var(--black),20px 40px var(--black),25px 40px var(--pink-dark),30px 40px var(--pink-dark),35px 40px var(--pink-dark),40px 40px var(--pink-dark),45px 40px var(--pink-dark),50px 40px var(--black),10px 45px var(--black),15px 45px var(--blue),20px 45px var(--blue),25px 45px var(--black),30px 45px var(--red),35px 45px var(--blue),40px 45px var(--blue-light),45px 45px var(--black),5px 50px var(--black),10px 50px var(--blue-dark),15px 50px var(--blue),20px 50px var(--blue-light),25px 50px var(--blue),30px 50px var(--black),35px 50px var(--red),40px 50px var(--blue-dark),45px 50px var(--blue),50px 50px var(--black),5px 55px var(--black),10px 55px var(--blue-dark),15px 55px var(--blue-dark),20px 55px var(--blue-dark),25px 55px var(--blue),30px 55px var(--black),35px 55px var(--red),40px 55px var(--red),45px 55px var(--red),50px 55px var(--black),10px 60px var(--black),15px 60px var(--white),20px 60px var(--white),25px 60px var(--white),30px 60px var(--black),35px 60px var(--red-dark),40px 60px var(--white),45px 60px var(--pink-dark),50px 60px var(--black),10px 65px var(--black),15px 65px var(--white),20px 65px var(--white),25px 65px var(--tan-dark),30px 65px var(--tan),35px 65px var(--tan),40px 65px var(--black),45px 65px var(--red-dark),50px 65px var(--black),15px 70px var(--black),20px 70px var(--tan-dark),25px 70px var(--tan-dark),30px 70px var(--tan-dark),35px 70px var(--tan),40px 70px var(--tan-light),45px 70px var(--black),15px 75px var(--black),20px 75px var(--black),25px 75px var(--black),30px 75px var(--black),35px 75px var(--black),40px 75px var(--black),45px 75px var(--black)}}.c-mario:before{animation:jumpsprite .8s steps(1) infinite}.c-mario{--canvas:100px;--offset:15px;height:var(--canvas);left:var(--offset);position:relative;top:var(--offset);width:var(--canvas)}.c-mario:before{--pixel-art-density:5px;content:"";height:var(--pixel-art-density);position:absolute;width:var(--pixel-art-density)}}.js__greensockCursor{backface-visibility:hidden;border-radius:100%;height:100px;position:absolute;visibility:hidden;width:100px}}