{"__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","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__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,"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.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjk2MzEzMzE5LCJpYXQiOjE2OTYzMDk3MTksImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.KFtkVWB9rHefHSgz5kTpn7dky3mMC5ub18WJsrE7xbu-eqtpUecc2EB_Nnoz_lb-xCM-j0UhUUXXkVQV6Y08g506psZnChA-wDsw7U-BeqTHjcOJEYX2gQG_4JwhQvDLbYcjt77wanreO0Ohx0nnVMlSIQP2o5LJIARUyTHrdrlIpirXkyn7P7l_Iejca2NVpkE_FL3Uz92SrA_ui-ji2--61rttCsSKoZPE2VvruH6ZPBabxdvxNwcNKpIPtkRxNZNpHbl5EIbqJO45fFCHlEdOrhB_oK3PjIKpZgTb-5mJug8dhOa29-iWnzxAFoiYgqHOuqfInm0q0zQtZ_a37g"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":47821905,\"user_id\":219932,\"html\":\"<main class=\\\"wrapper\\\">\\n \\n <p class=\\\"l1\\\">h<\\/p>\\n <p class=\\\"l2\\\">a<\\/p>\\n <p class=\\\"l3\\\">p<\\/p>\\n <p class=\\\"l4\\\">p<\\/p>\\n <p class=\\\"l5\\\">y<\\/p>\\n \\n <p class=\\\"l6\\\">b<\\/p>\\n <p class=\\\"l7\\\">i<\\/p>\\n <p class=\\\"l8\\\">r<\\/p>\\n <p class=\\\"l9\\\">t<\\/p>\\n <p class=\\\"l10\\\">h<\\/p>\\n <p class=\\\"l11\\\">d<\\/p>\\n <p class=\\\"l12\\\">a<\\/p>\\n <p class=\\\"l13\\\">y<\\/p>\\n \\n <p class=\\\"l14\\\">g<\\/p>\\n <p class=\\\"l15\\\">r<\\/p>\\n <p class=\\\"l16\\\">e<\\/p>\\n <p class=\\\"l17\\\">t<\\/p>\\n <p class=\\\"l18\\\">a<\\/p>\\n <p class=\\\"l19\\\">!<\\/p>\\n\\n <div class=\\\"bg\\\">\\n <div class=\\\"d0\\\"><\\/div>\\n <!--\\n <div class=\\\"d1\\\"><\\/div>\\n <div class=\\\"d2\\\"><\\/div>\\n <div class=\\\"d3\\\"><\\/div>\\n <div class=\\\"d4\\\"><\\/div>\\n -->\\n <\\/div>\\n \\n<\\/main>\",\"css\":\"@import url('https:\\/\\/fonts.googleapis.com\\/css2?family=Quicksand:wght@700&display=swap');\\n\\n$red: #FF0047;\\n$orange1: #FF4B4B;\\n$orange2: #FFA065;\\n$gold: #FFD465;\\n$purple1: #420050;\\n$purple2: #631D94;\\n$purple3: #8F2CFF;\\n$purple4: #5D00FF;\\n$green1: #3DFF7A;\\n$green2: #35D06C;\\n$green3: #1BA678;\\n$green4: #5B7B4B;\\n$green5: #2FDAB9;\\n$green6: #61ACBF;\\n$green7: #76B8FF;\\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 margin: 0;\\n padding: 0;\\n font-family: 'Quicksand', monaco, courier;\\n font-weight: 700;\\n \\/\\/ text-transform: uppercase;\\n}\\n\\nbody {\\n margin: 0;\\n padding: 0;\\n}\\n\\n.wrapper {\\n position: relative;\\n width: 100%;\\n min-height: 100vh;\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n align-items: center;\\n}\\n\\n.bg {\\n position: fixed;\\n z-index: -1;\\n width: 100%;\\n height: 100vh;\\n background: lighten(salmon,20%);\\n overflow: hidden;\\n}\\n\\n.d0 {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n top: 0;\\n left: 0;\\n background-image: linear-gradient(to left top, lighten(salmon,18%) 0%, lighten(salmon,18%) 50%, transparent 50%);\\n}\\n\\n.d1 {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 2000px;\\n height: 2000px;\\n transform: rotate(45deg);\\n background: #bbb;\\n}\\n\\n.d2 {\\n position: absolute;\\n top: 0;\\n left: 20%;\\n width: 2000px;\\n height: 2000px;\\n transform: rotate(45deg);\\n background: #ccc;\\n}\\n\\n.d3 {\\n position: absolute;\\n top: 0;\\n left: 40%;\\n width: 2000px;\\n height: 2000px;\\n transform: rotate(45deg);\\n background: #ddd;\\n}\\n\\n.d4 {\\n position: absolute;\\n top: 0;\\n left: 60%;\\n width: 2000px;\\n height: 2000px;\\n transform: rotate(45deg);\\n background: #eee;\\n}\\n\\np {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%,-50%);\\n font-size: 1rem;\\n}\\n\\n.l1 { \\/\\/ h\\n top: 18%;\\n left: 29%;\\n animation-delay: 1s;\\n animation: s3 2s linear infinite alternate,\\n c3 3s linear infinite alternate;\\n}\\n.l2 { \\/\\/ a\\n top: 20%;\\n left: 37%;\\n animation: s2 3s linear infinite alternate,\\n c1 1s linear infinite alternate;\\n}\\n.l3 { \\/\\/ p\\n top: 19%;\\n left: 48%;\\n animation-delay: 2s;\\n animation: s4 2s linear infinite alternate,\\n c2 1s linear infinite alternate;\\n}\\n.l4 { \\/\\/ p\\n top: 26%;\\n left: 59%;\\n animation: s5 3s linear infinite alternate,\\n c4 2s linear infinite alternate;\\n}\\n.l5 { \\/\\/ y\\n top: 25%;\\n left: 68%;\\n animation-delay: 1s;\\n animation: s1 2s linear infinite alternate,\\n c6 1s linear infinite alternate;\\n}\\n\\n.l6 { \\/\\/ b\\n top: 40%;\\n left: 25%;\\n animation: s4 3s linear infinite alternate,\\n c6 1s linear infinite alternate;\\n}\\n.l7 { \\/\\/ i\\n top: 38%;\\n left: 35%;\\n animation-delay: 2s;\\n animation: s3 1s linear infinite alternate,\\n c1 2s linear infinite alternate;\\n}\\n.l8 { \\/\\/ r\\n top: 39%;\\n left: 45%;\\n animation: s3 3s linear infinite alternate,\\n c2 2s linear infinite alternate;\\n}\\n.l9 { \\/\\/ t\\n top: 40%;\\n left: 55%;\\n animation-delay: 3s;\\n animation: s5 2s linear infinite alternate,\\n c3 1s linear infinite alternate;\\n}\\n.l10 { \\/\\/ h\\n top: 40%;\\n left: 65%;\\n animation: s1 2s linear infinite alternate,\\n c4 1s linear infinite alternate;\\n}\\n.l11 { \\/\\/ d\\n top: 55%;\\n left: 43%;\\n animation-delay: 1s;\\n animation: s3 3s linear infinite alternate,\\n c5 3s linear infinite alternate;\\n}\\n.l12 { \\/\\/ a\\n top: 57%;\\n left: 52%;\\n animation: s1 3s linear infinite alternate,\\n c6 2s linear infinite alternate;\\n}\\n.l13 { \\/\\/ y\\n top: 56%;\\n left: 61%;\\n animation-delay: 2s;\\n animation: s2 2s linear infinite alternate,\\n c3 3s linear infinite alternate;\\n}\\n\\n.l14 { \\/\\/ g\\n top: 75%;\\n left: 24%;\\n animation: s4 3s linear infinite alternate,\\n c3 3s linear infinite alternate;\\n}\\n.l15 { \\/\\/ r\\n top: 74%;\\n left: 33%;\\n animation: s3 2s linear infinite alternate,\\n c1 2s linear infinite alternate;\\n}\\n.l16 { \\/\\/ e\\n top: 76%;\\n left: 42%;\\n animation: s5 1s linear infinite alternate,\\n c5 1s linear infinite alternate;\\n}\\n.l17 { \\/\\/ t\\n top: 74%;\\n left: 51%;\\n animation-delay: 1s;\\n animation: s3 3s linear infinite alternate,\\n c3 1s linear infinite alternate;\\n}\\n.l18 { \\/\\/ a\\n top: 75%;\\n left: 62%;\\n animation-delay: 3s;\\n animation: s4 3s linear infinite alternate,\\n c2 3s linear infinite alternate;\\n}\\n.l19 { \\/\\/ !\\n top: 74%;\\n left: 68%;\\n animation-delay: 3s;\\n animation: s5 2s linear infinite alternate,\\n c1 2s linear infinite alternate;\\n}\\n\\n@keyframes c1 {\\n 0% {color: $red;}\\n 50%{color: $purple1;}\\n 100% {color: $green2;}\\n}\\n\\n@keyframes c2 {\\n 0% {color: $orange1;}\\n 50%{color: $purple2;}\\n 100% {color: $green3;}\\n}\\n\\n@keyframes c3 {\\n 0% {color: $orange2;}\\n 50%{color: $green4;}\\n 100% {color: $purple1;}\\n}\\n\\n@keyframes c4 {\\n 0% {color: $gold;}\\n 50%{color: $green5;}\\n 100% {color: $purple2;}\\n}\\n\\n@keyframes c5 {\\n 0% {color: $purple3;}\\n 50%{color: $green1;}\\n 100% {color: $purple4;}\\n}\\n\\n@keyframes c6 {\\n 0% {color: $purple4;}\\n 50%{color: $green6;}\\n 100% {color: $green7;}\\n}\\n\\n@keyframes s1 {\\n 0% {font-size: 1rem;}\\n 100% {font-size: 5rem;}\\n}\\n\\n@keyframes s2 {\\n 0% {font-size: 3rem;}\\n 100% {font-size: 6rem;}\\n}\\n\\n@keyframes s3 {\\n 0% {font-size: 2rem;}\\n 100%{font-size: 5.5rem;}\\n}\\n\\n@keyframes s4 {\\n 0% {font-size: 1rem;}\\n 100%{font-size: 5rem;}\\n}\\n\\n@keyframes s5 {\\n 0% {font-size: 2rem;}\\n 100%{font-size: 4.5rem;}\\n}\",\"js\":\"\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"scss\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2020-10-24T14:29:26.000Z\",\"updated_at\":\"2020-10-29T04:02:13.000Z\",\"title\":\"Greta's Birthday CodeCard 2020\",\"description\":\"\",\"slug_hash\":\"zYBNJWa\",\"head\":\"\",\"private\":false,\"slug_hash_private\":\"cd651f0c557a5969ad3c7cd9c8c6f407\",\"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\":\"01755b03-a170-7298-ad6e-0e184842ce87\",\"is_new_editor_pen\":false,\"pen_hash\":null,\"hashid\":\"zYBNJWa\"}"}