{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; vr *; web-share *; serial *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"featureFlags":[],"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNzI4NjU0OTgwLCJpYXQiOjE3Mjg2NTEzODAsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.F2BjPOHCclc4oAG4ySac7A_sibiUnCEOVy8m9pb-JQ08y8F1kJFrtV5eOW1Ujc3pTQlq2auhdnx_UTBvpSUWcCGEHoNv9fNVNe3fqmnDPxYmPRztzjfYFlcdbbkPJQ90UB9haRUOO1XyBpXza6G0jMjqcKZ67EFmpmp-SvykGdiWHzcJ085iewBzA07JPfFpr7M16yaeIGdIupGGKJ9cu1sKSW9JO7Lr2enJWt5IRwjGVocwqKCPWU5xJFabxo3ds_ec-qCnLMGFHjjiAasUwj8Aov2YngG0w24rJ5-bGP71_92F5p8pH3zAQhvF6Ocx6WQniI3XUQf9oTVC6gLL1A"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":37626174,\"user_id\":219932,\"html\":\"<main class=\\\"wrapper\\\">\\n <div class=\\\"btn-set-wrapper\\\">\\n <div class=\\\"btn-instructions\\\">\\n <h2>Please<br>Press<br>This<br>Button<\\/h2>\\n <\\/div>\\n <div class=\\\"triangle\\\"><\\/div>\\n <div class=\\\"btn-wrapper\\\">\\n <svg class=\\\"btn\\\" version=\\\"1.1\\\" id=\\\"Layer_1\\\" xmlns=\\\"http:\\/\\/www.w3.org\\/2000\\/svg\\\" xmlns:xlink=\\\"http:\\/\\/www.w3.org\\/1999\\/xlink\\\" x=\\\"0px\\\" y=\\\"0px\\\" viewBox=\\\"0 0 40 40\\\" style=\\\"enable-background:new 0 0 40 40;\\\" xml:space=\\\"preserve\\\">\\n <g>\\n <g>\\n <path class=\\\"st0\\\" d=\\\"M20,38c-9.8,0-18-8-18-18S10.2,2,20,2s18,8,18,18S29.8,38,20,38z\\\"\\/>\\n <\\/g>\\n <g>\\n <path class=\\\"st1\\\" d=\\\"M20,38.8C9.7,38.8,1.2,30.4,1.2,20S9.7,1.2,20,1.2S38.8,9.6,38.8,20S30.3,38.8,20,38.8z M20,3.8\\n C11,3.8,3.8,11.1,3.8,20S11,36.2,20,36.2S36.2,29,36.2,20S29,3.8,20,3.8z\\\"\\/>\\n <circle class=\\\"st1\\\" cx=\\\"25.5\\\" cy=\\\"16.8\\\" r=\\\"1.8\\\"\\/>\\n <circle class=\\\"st1\\\" cx=\\\"15.5\\\" cy=\\\"16.8\\\" r=\\\"1.8\\\"\\/>\\n <path class=\\\"st1\\\" d=\\\"M16.1,28.5c0.4,0.5,0.9,0.9,1.5,1.2c1.8,1,4.3,0.9,5.9-0.4c1.7-1.2,2.6-3.5,2.1-5.6c-0.1-0.6-0.4-1.3-0.8-1.7\\n c-0.5-0.5-1.1-0.7-1.8-0.6c-0.5,0.1-0.9,0.4-1.3,0.6c-0.8,0.4-1.6,0.5-2.5,0.3c-0.8-0.2-1.4-0.7-2.2-0.7c-1.5,0-2.2,1.5-2.3,2.8\\n C14.7,25.8,15.2,27.3,16.1,28.5z\\\"\\/>\\n <\\/g>\\n <\\/g>\\n <\\/svg>\\n <\\/div>\\n <\\/div>\\n <div class=\\\"shapes\\\">\\n \\n <div class=\\\"shape shape1\\\">\\n <svg class=\\\"svg\\\" version=\\\"1.1\\\" xmlns=\\\"http:\\/\\/www.w3.org\\/2000\\/svg\\\" xmlns:xlink=\\\"http:\\/\\/www.w3.org\\/1999\\/xlink\\\" width=\\\"566.8px\\\"\\n height=\\\"452.3px\\\" viewBox=\\\"0 0 566.8 452.3\\\" style=\\\"enable-background:new 0 0 566.8 452.3;\\\" xml:space=\\\"preserve\\\">\\n <defs>\\n <clipPath id=\\\"svgPath1\\\">\\n <path class=\\\"shape-path-1\\\" d=\\\"M50.9,80.5c35.1-47.6,60-103,160-70s220.8-10.4,248,48c55,118,207,191,8,265s-346,215-352,55\\n S-90.1,271.5,50.9,80.5z\\\" fill=\\\"#FFFFFF\\\"\\/>\\n <\\/clipPath>\\n <\\/defs>\\n <image width=\\\"1000\\\" height=\\\"1000\\\" xlink:href=\\\"https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/219932\\/AdobeStock_70218151.png\\\" clip-path=\\\"url(#svgPath1)\\\" \\/>\\n <\\/svg>\\n <\\/div>\\n \\n <div class=\\\"shape shape2\\\">\\n <svg class=\\\"svg\\\" version=\\\"1.1\\\" xmlns=\\\"http:\\/\\/www.w3.org\\/2000\\/svg\\\" xmlns:xlink=\\\"http:\\/\\/www.w3.org\\/1999\\/xlink\\\" width=\\\"550.5px\\\" height=\\\"500.5px\\\" viewBox=\\\"0 0 550.5 500.5\\\" xml:space=\\\"preserve\\\">\\n <defs>\\n <clipPath id=\\\"svgPath2\\\">\\n <path class=\\\"shape-path-2\\\" d=\\\"M198.6,6.4c95-5,303-34,299,92c-4.1,130.1,139.4,189-30,317c-86,65-232,115.4-324,64 C-71.4,359.4-38.5,18.9,198.6,6.4z\\\" fill=\\\"#FFFFFF\\\"\\/>\\n <\\/clipPath>\\n <\\/defs>\\n <image width=\\\"1000\\\" height=\\\"1000\\\" xlink:href=\\\"https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/219932\\/AdobeStock_70218151.png\\\" clip-path=\\\"url(#svgPath1)\\\" \\/>\\n <\\/svg>\\n <\\/div>\\n \\n <div class=\\\"shape shape3\\\">\\n <svg class=\\\"svg\\\" version=\\\"1.1\\\" xmlns=\\\"http:\\/\\/www.w3.org\\/2000\\/svg\\\" xmlns:xlink=\\\"http:\\/\\/www.w3.org\\/1999\\/xlink\\\" width=\\\"552.8px\\\" height=\\\"562.3px\\\" viewBox=\\\"0 0 552.8 562.3\\\" style=\\\"enable-background:new 0 0 552.8 562.3;\\\" xml:space=\\\"preserve\\\">\\n <defs>\\n <clipPath id=\\\"svgPath3\\\">\\n <path class=\\\"shape-path-3\\\" d=\\\"M250.7,491.8C76.5,699.8,7.7,391.1,0.8,286S33.4,169,77.3,121.9C166.1,26.6,188.6-28.3,320,15.1 C521.6,81.7,542,80,551.5,170C568.2,329.3,423.5,285.5,250.7,491.8z\\\" fill=\\\"#FFFFFF\\\"\\/>\\n <\\/clipPath>\\n <\\/defs>\\n <image width=\\\"1000\\\" height=\\\"1000\\\" xlink:href=\\\"https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/219932\\/AdobeStock_70218151.png\\\" clip-path=\\\"url(#svgPath3)\\\" \\/>\\n <\\/svg>\\n <\\/div>\\n \\n <div class=\\\"shape shape4\\\">\\n <svg class=\\\"svg\\\" version=\\\"1.1\\\" xmlns=\\\"http:\\/\\/www.w3.org\\/2000\\/svg\\\" xmlns:xlink=\\\"http:\\/\\/www.w3.org\\/1999\\/xlink\\\" width=\\\"568.8px\\\" height=\\\"547.1px\\\" viewBox=\\\"0 0 568.8 547.1\\\" xml:space=\\\"preserve\\\">\\n <defs>\\n <clipPath id=\\\"svgPath4\\\">\\n <path class=\\\"shape-path-4\\\" d=\\\"M528,335.7c-95,113-47,197-181,211c-81.1,8.5-155-118-231-70C-44.8,578.3-46.8,35.9,163,3.7 S680,154.9,528,335.7z\\\" fill=\\\"#FFFFFF\\\"\\/>\\n <\\/clipPath>\\n <\\/defs>\\n <image width=\\\"1000\\\" height=\\\"1000\\\" xlink:href=\\\"https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/219932\\/AdobeStock_70218151.png\\\" clip-path=\\\"url(#svgPath4)\\\" \\/>\\n <\\/svg>\\n <\\/div>\\n \\n <\\/div>\\n <div class=\\\"message hidden\\\">\\n <h1><span class=\\\"l1\\\">H<\\/span><span class=\\\"l2\\\">a<\\/span><span class=\\\"l3\\\">p<\\/span><span class=\\\"l4\\\">p<\\/span><span class=\\\"l5\\\">y<\\/span><br><span class=\\\"l6\\\">B<\\/span><span class=\\\"l7\\\">i<\\/span><span class=\\\"l8\\\">r<\\/span><span class=\\\"l9\\\">t<\\/span><span class=\\\"l10\\\">h<\\/span><span class=\\\"l11\\\">d<\\/span><span class=\\\"l12\\\">a<\\/span><span class=\\\"l13\\\">y<\\/span><br><span class=\\\"l14\\\">J<\\/span><span class=\\\"l15\\\">u<\\/span><span class=\\\"l16\\\">l<\\/span><span class=\\\"l17\\\">e<\\/span><span class=\\\"l18\\\">s<\\/span><span class=\\\"l19\\\">!<\\/span><\\/h1>\\n <div class=\\\"btn-again-wrapper\\\">\\n <p class=\\\"btn-again\\\">again!<\\/p>\\n <\\/div>\\n <\\/div>\\n<\\/main>\",\"css\":\"@import url('https:\\/\\/fonts.googleapis.com\\/css?family=Abril+Fatface|Bungee+Shade|Chango&display=swap');\\n\\n\\/\\/ variables\\n\\n$c1a: HotPink;\\n$c1b: MediumVioletRed;\\n\\n$c2a: Salmon;\\n$c2b: OrangeRed;\\n\\n$c3a: Gold;\\n$c3b: Goldenrod;\\n\\n$c4a: SandyBrown;\\n$c4b: Tomato;\\n\\n$c5a: Goldenrod;\\n$c5b: Khaki;\\n\\n$c6a: MediumSeaGreen;\\n$c6b: SeaGreen;\\n\\n$c7a: MidnightBlue;\\n$c7b: DeepSkyBlue;\\n\\n$c8a: Violet;\\n$c8b: DarkMagenta;\\n\\n$c9a: PeachPuff;\\n$c9b: Coral;\\n\\n$c10a: OliveDrab;\\n$c10b: YellowGreen;\\n\\n$c11a: Teal;\\n$c11b: DarkTurquoise;\\n\\n$c12a: LightSkyBlue;\\n$c12b: CornflowerBlue;\\n\\n$c13a: SpringGreen;\\n$c13b: ForestGreen;\\n\\n$c14a: OrangeRed;\\n$c14b: Orange;\\n\\n$c15a: HotPink;\\n$c15b: Brown;\\n\\n$c16a: Magenta;\\n$c16b: BlueViolet;\\n\\n$c17a: DeepSkyBlue;\\n$c17b: Aqua;\\n\\n$c18a: NavajoWhite;\\n$c18b: Peru;\\n\\n$c19a: Crimson;\\n$c19b: PeachPuff;\\n\\n\\/\\/ base\\n\\nhtml {\\n box-sizing: border-box;\\n}\\n\\n*, *::before, *::after {\\n box-sizing: inherit;\\n &:focus {\\n outline: none;\\n }\\n}\\n\\n* {\\n font-family: 'Chango', monaco, courier;\\n}\\n\\nbody {\\n margin: 0;\\n padding: 0;\\n}\\n\\n.wrapper {\\n width: 100%;\\n min-height: 100vh;\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n align-items: center;\\n background: Cornsilk;\\n}\\n\\n.hidden {\\n display: none !important;\\n}\\n\\n\\/\\/ arrow and smiley button\\n\\n.btn-set-wrapper {\\n position: absolute;\\n z-index: 2;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n flex-direction: column;\\n .btn-instructions {\\n position: relative;\\n z-index: 10;\\n display: flex;\\n justify-content: center;\\n align-items: flex-end;\\n width: 250px;\\n height: 200px;\\n text-align: center;\\n background: Ivory;\\n animation: 1s infinite pulse;\\n @media (min-width: 768px) {\\n width: 500px;\\n height: 200px;\\n }\\n h2 {\\n position: absolute;\\n top: 40px;\\n margin: 0;\\n padding: 1rem;\\n font-size: 2rem;\\n text-transform: uppercase;\\n letter-spacing: 2px;\\n color: MediumVioletRed;\\n @media (min-width: 768px) {\\n top: 0px;\\n font-size: 3rem;\\n }\\n }\\n }\\n .triangle {\\n position: relative;\\n z-index: 9;\\n width: 0;\\n height: 0;\\n margin-top: -1px;\\n margin-bottom: 1rem;\\n border-left: 150px solid transparent;\\n border-right: 150px solid transparent;\\n border-top: 150px solid Ivory;\\n animation: 1s infinite pulseTriangle;\\n @media (min-width: 768px) {\\n border-left: 300px solid transparent;\\n border-right: 300px solid transparent;\\n }\\n }\\n .btn-wrapper {\\n width: 100px;\\n height: 100px;\\n svg {\\n cursor: pointer;\\n .st0 {\\n fill: Ivory;\\n }\\n .st1 {\\n fill: MediumVioletRed;\\n }\\n &:hover {\\n .st0 {\\n fill: Lavender;\\n }\\n .st1 {\\n fill: Indigo;\\n }\\n }\\n }\\n }\\n}\\n\\n@keyframes pulse {\\n 0% {\\n top: 0;\\n }\\n 50% {\\n top: -10px;\\n }\\n 100% {\\n top: 0;\\n }\\n}\\n\\n@keyframes pulseTriangle {\\n 0% {\\n top: 0;\\n }\\n 50% {\\n top: -10px;\\n }\\n 100% {\\n top: 0;\\n }\\n}\\n\\n\\/\\/ SVG shapes\\n\\n.shapes {\\n position: relative;\\n z-index: 1;\\n width: 100%;\\n height: 100vh;\\n margin: 0;\\n padding: 0;\\n overflow: hidden;\\n pointer-events: none;\\n}\\n\\n.shape {\\n position: absolute;\\n width: 1000px;\\n height: 1000px;\\n transform: translate(-50%,-50%);\\n transition: all 0.5s ease;\\n background-size: cover;\\n background-position: center;\\n background-repeat: no-repeat;\\n stroke: 2px solid red;\\n @media (min-width: 480px) {\\n width: 1600px;\\n height: 1600px;\\n }\\n @media (min-width: 1200px) {\\n width: 100%;\\n height: 100vh;\\n }\\n &.shape1 {\\n top: 50%;\\n left: 20%;\\n &.scram {\\n animation: 1s scram1;\\n top: -120%;\\n left: -120%;\\n }\\n }\\n &.shape2 {\\n top: 90%;\\n left: 60%;\\n &.scram {\\n animation: 1s scram2;\\n top: 200%;\\n left: 200%;\\n }\\n }\\n &.shape3 {\\n top: 0;\\n left: 100%;\\n &.scram {\\n animation: 1s scram3;\\n top: -100%;\\n left: 170%;\\n }\\n }\\n &.shape4 {\\n top: -80%;\\n left: 40%;\\n &.scram {\\n animation: 1s scram4;\\n top: -300%;\\n left: 20%;\\n }\\n }\\n @media (min-width: 1200px) {\\n &.shape2 {\\n top: 90%;\\n left: 60%;\\n &.scram {\\n top: 170%;\\n left: 170%;\\n }\\n }\\n &.shape3 {\\n top: 0;\\n left: 100%;\\n &.scram {\\n top: -50%;\\n left: 170%;\\n }\\n }\\n &.shape4 {\\n top: -80%;\\n left: 40%;\\n &.scram {\\n top: -300%;\\n left: 20%;\\n }\\n }\\n }\\n .svg {\\n width: 100%;\\n height: auto;\\n }\\n}\\n\\n@keyframes scram1 {\\n from {\\n top: 50%;\\n left: 20%;\\n }\\n to {\\n top: -120%;\\n left: -120%;\\n }\\n}\\n@keyframes scram2 {\\n from {\\n top: 90%;\\n left: 60%;\\n }\\n to {\\n top: 200%;\\n left: 200%;\\n }\\n}\\n@media (min-width: 1200px) {\\n @keyframes scram2 {\\n from {\\n top: 90%;\\n left: 60%;\\n }\\n to {\\n top: 170%;\\n left: 170%;\\n }\\n }\\n}\\n@keyframes scram3 {\\n from {\\n top: 0;\\n left: 100%;\\n }\\n to {\\n top: -100%;\\n left: 170%;\\n }\\n}\\n@keyframes scram4 {\\n from {\\n top: -80%;\\n left: 40%;\\n }\\n to {\\n top: -300%;\\n left: 20%;\\n }\\n}\\n\\n\\/\\/ message\\n\\n.message {\\n position: absolute;\\n z-index: 0;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n flex-direction: column;\\n width: 100%;\\n height: 100vh;\\n width: 100%;\\n margin: 0 auto;\\n text-align: center;\\n overflow: hidden;\\n @media (min-width: 1200px) {\\n width: 80%;\\n }\\n}\\n\\nh1 {\\n margin: 0;\\n padding: 1rem;\\n font-size: 2.5rem;\\n text-transform: uppercase;\\n color: OrangeRed;\\n @media (min-width: 480px) {\\n font-size: 4rem;\\n }\\n @media (min-width: 768px) {\\n font-size: 6rem;\\n }\\n @media (min-width: 1200px) {\\n font-size: 8rem;\\n }\\n .l1 {\\n color: $c1a;\\n animation: 0.5s infinite flashColor1;\\n }\\n .l2 {\\n color: $c2a;\\n animation: 0.5s infinite flashColor2;\\n }\\n .l3 {\\n color: $c3a;\\n animation: 0.5s infinite flashColor3;\\n }\\n .l4 {\\n color: $c4a;\\n animation: 0.5s infinite flashColor4;\\n @media (min-width: 768px) {\\n letter-spacing: -5px;\\n }\\n }\\n .l5 {\\n color: $c5a;\\n animation: 0.5s infinite flashColor5;\\n }\\n .l6 {\\n color: $c6a;\\n animation: 0.5s infinite flashColor6;\\n }\\n .l7 {\\n color: $c7a;\\n animation: 0.5s infinite flashColor7;\\n }\\n .l8 {\\n color: $c8a;\\n animation: 0.5s infinite flashColor8;\\n @media (min-width: 768px) {\\n letter-spacing: -5px;\\n }\\n }\\n .l9 {\\n color: $c9a;\\n animation: 0.5s infinite flashColor9;\\n }\\n .l10 {\\n color: $c10a;\\n animation: 0.5s infinite flashColor10;\\n }\\n .l11 {\\n color: $c11a;\\n animation: 0.5s infinite flashColor11;\\n @media (min-width: 768px) {\\n letter-spacing: -10px;\\n }\\n }\\n .l12 {\\n color: $c12a;\\n animation: 0.5s infinite flashColor12;\\n @media (min-width: 768px) {\\n letter-spacing: -20px;\\n }\\n }\\n .l13 {\\n color: $c13a;\\n animation: 0.5s infinite flashColor13;\\n }\\n .l14 {\\n color: $c14a;\\n animation: 0.5s infinite flashColor14;\\n }\\n .l15 {\\n color: $c15a;\\n animation: 0.5s infinite flashColor15;\\n }\\n .l16 {\\n color: $c16a;\\n animation: 0.5s infinite flashColor16;\\n }\\n .l17 {\\n color: $c17a;\\n animation: 0.5s infinite flashColor17;\\n }\\n .l18 {\\n color: $c18a;\\n animation: 0.5s infinite flashColor18;\\n }\\n .l19 {\\n color: $c19a;\\n animation: 0.5s infinite flashColor19;\\n }\\n}\\n\\n@keyframes flashColor1 {\\n 0% {\\n color: $c1a; \\n }\\n 50% {\\n color: $c1b;\\n }\\n 100% {\\n color: $c1a;\\n }\\n}\\n@keyframes flashColor2 {\\n 0% {\\n color: $c2a; \\n }\\n 50% {\\n color: $c2b;\\n }\\n 100% {\\n color: $c2a;\\n }\\n}\\n@keyframes flashColor3 {\\n 0% {\\n color: $c3a; \\n }\\n 50% {\\n color: $c3b;\\n }\\n 100% {\\n color: $c3a;\\n }\\n}\\n@keyframes flashColor4 {\\n 0% {\\n color: $c4a; \\n }\\n 50% {\\n color: $c4b;\\n }\\n 100% {\\n color: $c4a;\\n }\\n}\\n@keyframes flashColor5 {\\n 0% {\\n color: $c5a; \\n }\\n 50% {\\n color: $c5b;\\n }\\n 100% {\\n color: $c5a;\\n }\\n}\\n@keyframes flashColor6 {\\n 0% {\\n color: $c6a; \\n }\\n 50% {\\n color: $c6b;\\n }\\n 100% {\\n color: $c6a;\\n }\\n}\\n@keyframes flashColor7 {\\n 0% {\\n color: $c7a; \\n }\\n 50% {\\n color: $c7b;\\n }\\n 100% {\\n color: $c7a;\\n }\\n}\\n@keyframes flashColor8 {\\n 0% {\\n color: $c8a; \\n }\\n 50% {\\n color: $c8b;\\n }\\n 100% {\\n color: $c8a;\\n }\\n}\\n@keyframes flashColor8 {\\n 0% {\\n color: $c8a; \\n }\\n 50% {\\n color: $c8b;\\n }\\n 100% {\\n color: $c8a;\\n }\\n}\\n@keyframes flashColor9 {\\n 0% {\\n color: $c9a; \\n }\\n 50% {\\n color: $c9b;\\n }\\n 100% {\\n color: $c9a;\\n }\\n}\\n@keyframes flashColor10 {\\n 0% {\\n color: $c10a; \\n }\\n 50% {\\n color: $c10b;\\n }\\n 100% {\\n color: $c10a;\\n }\\n}\\n@keyframes flashColor11 {\\n 0% {\\n color: $c11a; \\n }\\n 50% {\\n color: $c11b;\\n }\\n 100% {\\n color: $c11a;\\n }\\n}\\n@keyframes flashColor12 {\\n 0% {\\n color: $c12a; \\n }\\n 50% {\\n color: $c12b;\\n }\\n 100% {\\n color: $c12a;\\n }\\n}\\n@keyframes flashColor13 {\\n 0% {\\n color: $c13a; \\n }\\n 50% {\\n color: $c13b;\\n }\\n 100% {\\n color: $c13a;\\n }\\n}\\n@keyframes flashColor14 {\\n 0% {\\n color: $c14a; \\n }\\n 50% {\\n color: $c14b;\\n }\\n 100% {\\n color: $c14a;\\n }\\n}\\n@keyframes flashColor15 {\\n 0% {\\n color: $c15a; \\n }\\n 50% {\\n color: $c15b;\\n }\\n 100% {\\n color: $c15a;\\n }\\n}\\n@keyframes flashColor16 {\\n 0% {\\n color: $c16a; \\n }\\n 50% {\\n color: $c16b;\\n }\\n 100% {\\n color: $c16a;\\n }\\n}\\n@keyframes flashColor17 {\\n 0% {\\n color: $c17a; \\n }\\n 50% {\\n color: $c17b;\\n }\\n 100% {\\n color: $c17a;\\n }\\n}\\n@keyframes flashColor18 {\\n 0% {\\n color: $c18a; \\n }\\n 50% {\\n color: $c18b;\\n }\\n 100% {\\n color: $c18a;\\n }\\n}\\n@keyframes flashColor19 {\\n 0% {\\n color: $c19a; \\n }\\n 50% {\\n color: $c19b;\\n }\\n 100% {\\n color: $c19a;\\n }\\n}\\n\\n\\/\\/ again button\\n\\n.btn-again-wrapper {\\n height: 70px;\\n margin-top: 2rem;\\n}\\n\\n.btn-again {\\n margin: 0 auto;\\n padding: 1rem 2.5rem;\\n font-size: 1.25rem;\\n text-transform: uppercase;\\n letters-spacing: 2px;\\n color: MediumVioletRed;\\n background: ivory;\\n box-shadow: 0px 6px 0px MediumVioletRed;\\n transition: all 0.25s ease;\\n cursor: pointer;\\n &:hover {\\n margin-top: 4px;\\n background: OldLace;\\n box-shadow: 0 2px 0 MediumVioletRed;\\n } \\n}\",\"js\":\"$(function() {\\n $(\\\".btn\\\").click(function() {\\n $(\\\".btn-set-wrapper\\\").addClass(\\\"hidden\\\");\\n $(\\\".message\\\").removeClass(\\\"hidden\\\");\\n $(\\\".shape1, .shape2, .shape3, .shape4\\\").addClass(\\\"scram\\\");\\n });\\n $(\\\".btn-again\\\").click(function() {\\n $(\\\".shape1, .shape2, .shape3, .shape4\\\").removeClass(\\\"scram\\\");\\n $(\\\".message\\\").addClass(\\\"hidden\\\");\\n setTimeout(function(){\\n $(\\\".btn-set-wrapper\\\").removeClass(\\\"hidden\\\");\\n }, 500);\\n });\\n});\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"scss\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2019-07-06T22:52:54.000Z\",\"updated_at\":\"2019-08-16T19:02:44.000Z\",\"title\":\"Jules' Birthday CodeCard 2019\",\"description\":\"\",\"slug_hash\":\"xoyKwG\",\"head\":\"\",\"private\":false,\"slug_hash_private\":\"e952826adc160011f6bf5138e91745ee\",\"has_animation\":true,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":0,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity_score\":0,\"views_count\":0,\"pick_visible_at\":null,\"cpid\":\"016bc97d-8170-71ea-884f-fa96f35f9f1c\",\"is_new_editor_pen\":false,\"protected\":false,\"access\":\"Public\",\"pen_hash\":null,\"hashid\":\"xoyKwG\"}"}