{"id":25057,"date":"2026-04-12T20:45:10","date_gmt":"2026-04-12T20:45:10","guid":{"rendered":"https:\/\/qandycode.com\/61441d03\/"},"modified":"2026-04-12T20:49:07","modified_gmt":"2026-04-12T20:49:07","slug":"61441d03","status":"publish","type":"post","link":"https:\/\/qandycode.com\/es\/61441d03\/","title":{"rendered":"61441d03"},"content":{"rendered":"<style class=\"wpcode-css-snippet\"><style>\r\n    \r\n    * {\r\n   box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  padding: 0;\r\n   margin: 0;\r\n   min-height: 100dvh;\r\n   display: grid;\r\n   place-items: center;\r\n\tjustify-content:center;\r\n\talign-content:center;\r\n}\r\na {\r\n   text-decoration: none;\r\n}\r\n\r\n    h2 {\r\n        font-size:3rem;\r\n        text-align:center;\r\n        margin-left:5%;\r\n        margin-right:5%;\r\n\t\tline-height:3.7rem;\r\n\t\ttext-transform:capitalize;\r\n    }\r\n    \r\n    p {\r\n        padding-bottom:10px;\r\n        font-size:1.75rem;\r\n\t\tline-height:2rem;\r\n        text-align:center;\r\n        margin-left:5%;\r\n        margin-right:5%;\r\n\t\tfont-family: \"Roboto\", sans-serif;\r\n\t\tfont-weight: 400;\r\n\t\tfont-style: normal;\r\n    }\r\n\r\n.menu-open-button {\r\n   display: grid;\r\n   place-items: center;\r\n    text-align:center;\r\n    line-height:28px;\r\n   width: 220px;\r\n   height: auto;\r\n\tpadding:10px;\r\n   border-radius: 5px;\r\n   position: absolute;\r\n   transition: transform ease-out 200ms;\r\n}\r\n\r\n.menu {\r\n   width: 220px;\r\n   height: auto;\r\n   font-size: 20px;\r\n\tpadding-bottom:50px;\r\n}\r\n\r\n.menu-open-button {\r\n   z-index: 2;\r\n   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n   transition-duration: 0.3s;\r\n   transform: scale(1.1, 1.1) translate3d(0, 0, 0);\r\n   cursor: pointer;\r\n}\r\n\r\n.menu-open-button:hover {\r\n   transform: scale(1.2, 1.2) translate3d(0, 0, 0);\r\n}\r\n\r\n.menu-open:checked + .menu-open-button {\r\n   transition-timing-function: linear;\r\n   transition-duration: 0.2s;\r\n   transform: scale(1, 1) translate3d(0, 0, 0);\r\n}\r\n.fa {\r\n\tdisplay:inline-block !important;\r\n\tposition:relative;\r\n\tfont-size: 30px;\r\n\talign-items:center;\r\n\tpadding-left:1%;\r\n}\r\n.fa-brands {\r\n\tdisplay:inline-block !important;\r\n\tposition:relative;\r\n\tfont-size: 30px;\r\n\talign-items:center;\r\n\tpadding-left:1%;\r\n}\r\n\r\nspan a {\r\n\tfont-size: 30px;\r\n\ttext-decoration: none;\r\n\tmargin: 0 10px;\r\n\ttransition: all 0.4s ease-in-out;\r\n\t&:hover {\r\n\t}\r\n}\r\n\r\n@keyframes float {\r\n\t0% {\r\n\t\t\/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*\/\r\n\t\ttransform: translatey(0px);\r\n\t}\r\n\t50% {\r\n\t\t\/*box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*\/\r\n\t\ttransform: translatey(-20px);\r\n\t}\r\n\t100% {\r\n\t\t\/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*\/\r\n\t\ttransform: translatey(0px);\r\n\t}\r\n}\r\n\r\n.avatar {\r\n\tmax-width: 220px;\r\n\theight: auto;\r\n\tpadding-bottom:20px;\r\n\tbox-sizing: border-box;\r\n\tborder: none;\r\n\toverflow: hidden;\r\n\ttransform: translatey(0px);\r\n\tanimation: float 3s ease-in-out;\r\n}\r\n\r\n\r\n\r\n@media only screen and (max-width:350px) {\r\n\t\t.menu-item,\r\n.menu-open-button {\r\n   width: 170px;\r\n   height: auto;\r\n\tline-height:20px;\r\n}\t\r\n.menu {\r\n     width: 170px;\r\n   height: auto;\r\n\tfont-size: 16px;\r\n\r\n}\t\r\n\t.avatar {\r\n\t\tmax-width: 150px;\r\n\t}\r\n\t\r\n}\r\n\r\n<\/style>\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style class=\"wpcode-css-snippet\">\/* Background *\/\r\n\r\nbody {\r\n  --s: 45vmin;\r\n  --p: calc(var(--s) \/ 2);\r\n  --c1: #cc0099;\r\n  --c2: #990099;\r\n  --c3: #cc0099;\r\n  --bg: var(--c3);\r\n  --d: 8000ms;\r\n  --e: cubic-bezier(0.76, 0, 0.24, 1);\r\n  \r\n  background-color: var(--bg);\r\n  background-image:\r\n    linear-gradient(45deg, var(--c1) 25%, transparent 25%),\r\n    linear-gradient(-45deg, var(--c1) 25%, transparent 25%),\r\n    linear-gradient(45deg, transparent 75%, var(--c2) 75%),\r\n    linear-gradient(-45deg, transparent 75%, var(--c2) 75%);\r\n  background-size: var(--s) var(--s);\r\n  background-position: \r\n    calc(var(--p) *  1) calc(var(--p) *  0), \r\n    calc(var(--p) * -1) calc(var(--p) *  1), \r\n    calc(var(--p) *  1) calc(var(--p) * -1), \r\n    calc(var(--p) * -1) calc(var(--p) *  0);\r\n  animation: \r\n    color var(--d) var(--e) infinite,\r\n    position var(--d) var(--e) infinite;\r\n}\r\n\r\n@keyframes color {\r\n  0%, 25% {\r\n    --bg: var(--c2);\r\n  }\r\n  26%, 50% {\r\n    --bg: var(--c1);\r\n  }\r\n  51%, 75% {\r\n    --bg: var(--c2);\r\n  }\r\n  76%, 100% {\r\n    --bg: var(--c1);\r\n  }\r\n}\r\n\r\n@keyframes position {\r\n  0% {\r\n    background-position: \r\n      calc(var(--p) *  1) calc(var(--p) *  0), \r\n      calc(var(--p) * -1) calc(var(--p) *  1), \r\n      calc(var(--p) *  1) calc(var(--p) * -1), \r\n      calc(var(--p) * -1) calc(var(--p) *  0);\r\n  }\r\n  25% {\r\n    background-position: \r\n      calc(var(--p) *  1) calc(var(--p) *  4), \r\n      calc(var(--p) * -1) calc(var(--p) *  5), \r\n      calc(var(--p) *  1) calc(var(--p) *  3), \r\n      calc(var(--p) * -1) calc(var(--p) *  4);\r\n  }\r\n  50% {\r\n    background-position: \r\n      calc(var(--p) *  3) calc(var(--p) * 8), \r\n      calc(var(--p) * -3) calc(var(--p) * 9), \r\n      calc(var(--p) *  2) calc(var(--p) * 7), \r\n      calc(var(--p) * -2) calc(var(--p) * 8);\r\n  }\r\n  75% {\r\n    background-position: \r\n      calc(var(--p) *  3) calc(var(--p) * 12), \r\n      calc(var(--p) * -3) calc(var(--p) * 13), \r\n      calc(var(--p) *  2) calc(var(--p) * 11), \r\n      calc(var(--p) * -2) calc(var(--p) * 12);\r\n  }\r\n  100% {    \r\n    background-position: \r\n      calc(var(--p) *  5) calc(var(--p) * 16), \r\n      calc(var(--p) * -5) calc(var(--p) * 17), \r\n      calc(var(--p) *  5) calc(var(--p) * 15), \r\n      calc(var(--p) * -5) calc(var(--p) * 16);\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion) {\r\n  body {\r\n    animation: none;\r\n  }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\nbody {\r\n\r\n}\r\nh2 {font-family: 'urbane-rounded', sans-serif;font-weight: 300;font-style: normal;}\r\np{color:#ffffff}\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div style=\"justify-content:center;align-content:center;width:100%;height:100vh;color:#ffffff\"><div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/qandycode.com\/wp-content\/uploads\/formidable\/151\/cropped-qandycode_favicon-grad-shadow-637-4.png\" style=\"border-radius:0\" \/><\/div><h2 style=\"color:#ffffff\">QANDYCODE<\/h2><p><p>Change the Game<\/p>\n<\/p>\r\n<p><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=&quot;https:\/\/instagram.com\/qandycode&quot;<i class=\"fa fa-instagram\" style=\"color:#ffffff\"><\/i><\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><span>&lt;a href=<\/a><\/span><\/p>\r\n<\/div>\r\n<style>\r\n\r\n.mqfooter {\r\n\tdisplay:flex;\r\n\tjustify-content:center;\r\n  \tposition: fixed;\r\n  \tleft: 0;\r\n  \tbottom: 0;\r\n\theight:100px;\r\n \twidth: 100%;\r\n\tbackground:rgba(0,0,0, .3);\r\n\tfont-size:2rem;\r\n}\r\n\r\n.mqfooter a {\r\n\t\tmargin-top:30px;\r\n\t\tmargin-bottom:-60px;\r\n\t\tfont-size:2rem;\r\n\t}\r\n\r\n.mqfooter .fa {\r\n\ttext-align:center;\r\n\tfont-size: 32px;\r\n\tcolor:#e1e1e1;\r\n\r\n\r\n}\r\n.mqfooter .fa-solid {\r\n\ttext-align:center;\r\n\tfont-size: 32px;\r\n\tcolor:#e1e1e1;\r\n\r\n\r\n}\r\n.mqfooter .fa-brands {\r\n\ttext-align:center;\r\n\tfont-size: 35px;\r\n\tcolor:#e1e1e1;\r\n\r\n}\r\n\t\r\n@media only screen and (min-width:900px) {\r\n\t\t.mqfooter {\r\n\t\tdisplay:none;\t\t\r\n\t}\r\n\t}\r\n@media only screen and (max-width:350px) {\r\n\t\r\n\t.mqfooter {\r\n\t\theight:50px;\r\n\t\tfont-size:1.7rem;\r\n\t}\r\n\t\r\n\t.mqfooter a {\t\r\n\t\tmargin:15px 0 -10px;\r\n\t\tfont-size:1.7rem;\r\n\t}\r\n\r\n\t.mqfooter .fa {\r\n\t\tfont-size:18px;\r\n\t}\r\n\t\r\n\t.mqfooter .fa-solid {\r\n\t\tfont-size:18px;\r\n\t}\r\n\t\r\n\t\r\n\t.mqfooter .fa-brands {\r\n\t\tfont-size:18px;\r\n\t\r\n\r\n\t}\r\n\r\n}\r\n<\/style>\r\n<div class=\"mqfooter\" style=\"border-top:1.5px solid #ffffff\"><a href=\"mailto:[2206]\"><i class=\"fa fa-envelope\" style=\"color:#ffffff\"><\/i><\/a><\/div>\r\n\r\n ","protected":false},"excerpt":{"rendered":"<p>body { } h2 {font-family: &#8216;urbane-rounded&#8217;, sans-serif;font-weight: 300;font-style: normal;} p{color:#ffffff} QANDYCODEChange the Game &lt;a href=&lt;a href=&lt;a href=&quot;https:\/\/instagram.com\/qandycode&quot;&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a href=&lt;a [&hellip;]<\/p>\n","protected":false},"author":191,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"61441d03 - Qandycode","description":"body { } h2 {font-family: 'urbane-rounded', sans-serif;font-weight: 300;font-style: normal;} p{color:#ffffff} QANDYCODE Change the Game &lt;a href= &lt;a href="},"footnotes":""},"categories":[90],"tags":[],"class_list":["post-25057","post","type-post","status-publish","format-standard","hentry","category-mq"],"_links":{"self":[{"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/posts\/25057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/users\/191"}],"replies":[{"embeddable":true,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/comments?post=25057"}],"version-history":[{"count":2,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/posts\/25057\/revisions"}],"predecessor-version":[{"id":25060,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/posts\/25057\/revisions\/25060"}],"wp:attachment":[{"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/media?parent=25057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/categories?post=25057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qandycode.com\/es\/wp-json\/wp\/v2\/tags?post=25057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}