#envelope{position:relative;margin:5em auto;height:0;width:0;border-color:#f0f0f0 #d5d5d5 #c6c6c6 #c6c6c6;border-style:solid;border-width:1.4em 2em;box-shadow:0 5px 5px -5px #262626;cursor:pointer}#envelope:hover{border-color:#f0f0f0 #44b7ea #0ea1e0 #0ea1e0;transition:all .2s ease-in}#envelope-up{position:absolute;bottom:1.39em;left:-2em;height:0;width:0;border-style:solid;border-width:1.4em 2em}#envelope-up,#envelope:hover>#envelope-up{border-color:transparent transparent #f0f0f0}#card{padding:2rem;top:-11.25rem;left:-9.25rem;width:18.5rem;height:22.5rem;background-color:#f5f5f5;border-radius:.25em;box-shadow:0 0 2px 2px rgba(38,38,38,.2);display:none;cursor:default}#card,#close{position:absolute}#close{top:.1em;right:.1em;width:0;height:0;border-color:#d5d5d5 #bdbdbd transparent transparent;border-style:solid;border-width:1em;cursor:pointer}#close:hover{border-color:#0ea1e0 #44b7ea transparent transparent;border-width:1.2em;transition:all .2s ease-in}#card h1{font-size:1.8em;text-align:center}#card input,#card textarea{outline:none;margin:.5em 1em .5em 0;width:100%;resize:none;overflow:hidden;padding:.3em;border:none;border-left:.2em solid #989898;background-color:initial}#card input:first-of-type{margin-top:30px}#card input:last-of-type{margin-bottom:50px}#card textarea{height:30%}#card input:focus,#card textarea:focus{border-left:.2em solid #0ea1e0;padding-left:.5em}#card input:focus::-webkit-input-placeholder,#card textarea:focus::-webkit-input-placeholder{color:#0ea1e0}#card input:focus::-moz-placeholder,#card textarea:focus::-moz-placeholder{color:#0ea1e0}#card input:focus:-ms-input-placeholder:focus,#card textarea:focus:-ms-input-placeholder{color:#0ea1e0}#mailit{position:relative;left:50%;margin-left:-2.5em;padding:.1em .2em 0;width:5em;height:2.5em;border:.2em solid #0ea1e0;background-color:initial;font-weight:700;color:#0ea1e0}#mailit:hover{background-color:#0ea1e0;color:#fff;transition:all .2s ease-in;cursor:pointer}.flip{-webkit-animation:flip .5s cubic-bezier(.68,0,.27,1) forwards;animation:flip .5s cubic-bezier(.68,0,.27,1) forwards}.flip-back{-webkit-animation:flip-back .5s cubic-bezier(.68,0,.27,1) forwards;animation:flip-back .5s cubic-bezier(.68,0,.27,1) forwards}.send{-webkit-animation:send .75s cubic-bezier(.68,0,.27,1) forwards;animation:send .75s cubic-bezier(.68,0,.27,1) forwards}.pulse{animation:pulse 3s infinite;-webkit-animation:pulse 3s infinite;-moz-animation:pulse 3s infinite}@keyframes flip{to{-webkit-transform:rotateX(180deg) rotateY(180deg) rotate(180deg);transform:rotateX(180deg) rotateY(180deg) rotate(180deg);border-color:#f5f5f5;border-width:11em 8em}}@-webkit-keyframes flip{to{-webkit-transform:rotateX(180deg) rotateY(180deg) rotate(180deg);border-color:#f5f5f5;border-width:11em 8em}}@keyframes flip-back{0%{border-color:#f5f5f5;border-width:11em 8em}to{-webkit-transform:rotateX(-180deg) rotateY(-180deg) rotate(-180deg);transform:rotateX(-180deg) rotateY(-180deg) rotate(-180deg);border-color:#f0f0f0 #d5d5d5 #c6c6c6 #c6c6c6;border-width:1.4em 2em}}@-webkit-keyframes flip-back{0%{border-color:#f5f5f5;border-width:11em 8em}to{-webkit-transform:rotateX(-180deg) rotateY(-180deg) rotate(-180deg);border-color:#f0f0f0 #d5d5d5 #c6c6c6 #c6c6c6;border-width:1.4em 2em}}@keyframes send{0%{border-color:#f5f5f5;border-width:11em 8em}to{-webkit-transform:rotateX(180deg) rotateY(180deg) rotate(180deg);transform:rotateX(180deg) rotateY(180deg) rotate(180deg);border-color:#f0f0f0 #d5d5d5 #c6c6c6 #c6c6c6;border-width:0}}@-webkit-keyframes send{0%{border-color:#f5f5f5;border-width:11em 8em}to{-webkit-transform:rotateX(180deg) rotateY(180deg) rotate(180deg);border-color:#f0f0f0 #d5d5d5 #c6c6c6 #c6c6c6;border-width:0}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.8}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);opacity:1}50%{-webkit-transform:scale(.8);opacity:.8}to{-webkit-transform:scale(1);opacity:1}}.arrow{position:relative;bottom:-2rem;left:50%;margin-left:-20px;width:40px;height:40px;z-index:0;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTI3LjQwNiAxMTcuNDE5Yy00Ljk4NS4wNzgtOS45MSAyLjE2My0xMy40MzcgNS42ODhsLTU1IDU1Yy0zLjYgMy41OTktNS42OTcgOC42NTgtNS42OTcgMTMuNzUgMCA1LjA5IDIuMDk2IDEwLjE1IDUuNjk3IDEzLjc1bDE4My4yODEgMTgzLjI4YzMuNiAzLjYwMSA4LjY1OSA1LjY5OCAxMy43NSA1LjY5OCA1LjA5MSAwIDEwLjE1LTIuMDk3IDEzLjc1LTUuNjk3bDE4My4yODEtMTgzLjI4MWMzLjYtMy42IDUuNjk3LTguNjYgNS42OTctMTMuNzUgMC01LjA5Mi0yLjA5Ni0xMC4xNTEtNS42OTctMTMuNzVsLTU1LTU1Yy0zLjU5OC0zLjU5Mi04LjY1LTUuNjgyLTEzLjczNC01LjY4MnMtMTAuMTM2IDIuMDktMTMuNzM1IDUuNjgyTDI1NiAyMzcuNjY5IDE0MS40MzcgMTIzLjEwN2MtMy42NjYtMy42NjUtOC44NDgtNS43NjUtMTQuMDMtNS42ODh6IiBzdHlsZT0idGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO21hcmtlcjpub25lOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucyIgZm9udC13ZWlnaHQ9IjQwMCIgY29sb3I9IiMwMDAiIGZpbGw9IiMyMjIiIG92ZXJmbG93PSJ2aXNpYmxlIiBmb250LWZhbWlseT0iU2FucyIvPjwvc3ZnPg==);background-size:contain}.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}