*{box-sizing:border-box}html{--brand-pink:#aba643;--brand-grey:#f3f3f3;--brand-dark:#212738;--brand-black:#000;--default-animation-speed:.25s;font-size:100%;scroll-behavior:smooth;--size-xxs:.25rem;--size-xs:.5rem;--size-sm:.75rem;--size-smd:1rem;--size-md:1.25rem;--size-mdml:1.5rem;--size-mdlg:1.75rem;--size-lg:2rem;--size-xl:3rem;--size-xxl:4rem;--size-xxxl:5rem}body{font-family:'Roboto Mono',monospace;font-size:1rem;background:#fff;color:var(--brand-dark);margin:0;word-break:break-word}h1{font-family:'Mulish',sans-serif;font-size:2.5rem}h2,h3,h4,h5,h6{font-family:'Mulish',sans-serif;font-size:1.5rem;margin:1.5rem 0 1rem;font-weight:600}p{font-size:1rem;line-height:1.25;margin:1rem 0}img{border:none;width:auto;max-width:100%;height:auto}ul{list-style-type:square;margin:1rem 0 1rem 1rem;margin-inline-start:1rem;padding-inline-start:1.1rem}ol{margin:1rem 0 1rem 1rem;margin-inline-start:1rem;padding-inline-start:1.1rem}.text-primary{color:var(--brand-pink) !important}.desktop-only{display:block}.mobile-only{display:none}.cli_messagebar_head{font-size:1.5rem;margin-top:0}.cli-plugin-button{border-radius:3px;margin-top:1rem;text-decoration:none !important}#cookie-law-info-bar{padding:2.5rem !important}#cookie-law-info-again{box-shadow:none !important;border-top-right-radius:3px;border-top-left-radius:3px;border:1px solid #d8d8d8}.cli_settings_button{text-decoration:none}.cli-tab-footer .wt-cli-privacy-accept-btn{background-color:var(--brand-pink) !important}.cli-switch input:checked+.cli-slider{background-color:var(--brand-pink) !important}.header-styling{position:relative;z-index:1;background:#42ab92;color:#fff;overflow:hidden}.header-styling:before{content:"";position:absolute;background-image:url('https://satch.co.uk/images/bg-doodles.jpg');background-size:auto;background-repeat:repeat;background-position:top left;opacity:.1;z-index:-1;left:-25%;width:125%;height:100%}nav{text-align:center;margin:0 auto}nav a{transition:color var(--default-animation-speed) ease-in-out}.nav-container{width:100%;max-width:900px;margin:0 auto;position:relative;z-index:2}.nav-container a{text-decoration:none;color:#fff;font-weight:500;font-size:.875rem}.nav-container a:hover{text-decoration:underline}.nav-container .checkbox{position:absolute;display:block;height:42px;width:42px;top:30px;right:15%;z-index:4;opacity:0;cursor:pointer}.top-nav{font-size:.9rem;margin:2rem 0}.header-desktop-layout{display:grid;grid-template-columns:auto auto;width:fit-content;text-align:left;margin:3rem auto}.profile-image-photo-effect{padding:.5rem .5rem .65rem;background:#fff;width:fit-content;margin:0 auto;box-shadow:1px 8px 19px -6px rgb(49 107 83/78%)}.header-column-2{display:grid;grid-template-rows:auto 1fr;padding-left:1rem}.header-column-2-row-3{display:flex;align-items:flex-end;margin:0}a.header-link{text-decoration:none;position:relative;color:#fff}a.header-link:hover{text-decoration:none}a.header-link:after{content:'';position:absolute;width:0;height:2px;background-color:#fff;bottom:-2px;left:50%;transition:width .3s ease,left .3s ease}a.header-link:hover:after{width:100%;left:0}.nav-item{flex-grow:1;border-right:1px solid #ccc;padding:1rem 0;width:33.3%;display:flex;align-items:center;justify-content:center}.nav-item-desktop{flex-grow:1;border-right:1px solid #ccc;padding:1rem 0;width:20%;display:flex;align-items:center;justify-content:center}a.nav-link{text-decoration:none;position:relative;color:#525252;font-weight:600;font-size:.9rem}a.nav-link:after{content:'';position:absolute;width:0;height:1px;background-color:var(--brand-pink);bottom:-2px;left:50%;transition:width .3s ease,left .3s ease}a.nav-link:hover:after{width:100%;left:0}.logo{text-align:left;padding-bottom:0}.logo a{font-family:'Roboto Mono',monospace;text-decoration:none;color:#fff !important;font-weight:400 !important;font-size:3.5rem !important;letter-spacing:.1rem;line-height:3rem}.logo a:hover{text-decoration:none}main{padding-top:2rem}.main-content{display:grid;width:90%;max-width:880px;margin:0 auto 3rem auto;overflow-wrap:break-word}.main-content a{color:var(--brand-pink);text-decoration:underline;text-decoration-color:var(--brand-pink)}.main-content a:hover{text-decoration:none}.main-content a:visited{color:var(--brand-pink);text-decoration:underline;text-decoration-color:var(--brand-pink)}.fifty-fifty-grid{display:grid;grid-template-columns:50% 50%;margin-bottom:0}.emoji-above-title{font-size:2.2rem;float:right}.tag-next-to-emoji{display:flex;justify-content:left;align-items:end;height:100%}.heading{margin:0;font-weight:400;line-height:2.5rem;color:var(--brand-dark) !important}.heading a{text-decoration:none;background:0;color:var(--brand-dark) !important}.subheading{font-size:1rem;line-height:1.3rem;font-weight:600;margin-top:0}.the-content{margin-top:2rem}.button-black{padding:10px 12px;border-radius:0;font-size:1rem;border:1px solid transparent;color:#fff !important;text-decoration:none !important;background:#000;display:block;width:fit-content}.button-pink{padding:10px 12px;border-radius:0;font-size:1rem;border:1px solid transparent;color:#fff !important;text-decoration:none !important;background:var(--brand-pink);display:block;width:fit-content}.button-copy-code{padding:10px 12px;margin-bottom:-1rem;border-radius:0;font-size:1rem;border:1px solid transparent;color:#fff !important;text-decoration:none !important;background:var(--brand-pink);display:block;width:fit-content}pre{margin:0}.wp-block-image{padding:1rem;background:#f3f3f3}.wp-element-caption{margin:1rem 0 0;font-weight:600;font-size:.9rem}.aligncenter{margin:0 auto;text-align:center}.featured-content-grey{background-color:var(--brand-grey);padding:1rem}.h2-without-margin{margin:0}.category-links{text-align:left;margin-top:3rem}.category-button{padding:0;font-size:.9rem}.category-button a{color:var(--brand-pink) !important}.tags-area{margin:48px 0 0}.tag-style{border:0;padding:6px 10px;background:#0dc789;color:#fff;font-size:.9rem;font-weight:400}.grid-autofill{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-two-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;text-align:center;max-width:100%;margin:0 auto}@media (max-width:415px){.grid-two-four{grid-template-columns:repeat(1,minmax(0,1fr));max-width:100%}}.two-four-constituent{background:#f3f3f3;padding:2rem}.two-four-titles{font-weight:600;margin:0;font-size:1.1rem}.purple-symbols{color:#aba643;font-size:2.5rem !important;margin-bottom:.75rem}code{display:block !important;width:100%;padding:2rem;background:var(--brand-grey)}.creation-display{border:1px solid #e8e8e8;padding:1rem 1rem 0}.creation-display a{font-weight:600;background-image:none;background-color:#eef7f6;color:var(--brand-dark)}.lovely-checklist{list-style-type:none;margin-left:10px;margin-inline-start:0;padding-inline-start:1rem;width:100%;padding:2rem;border-radius:3px;background:var(--brand-grey);position:relative}.lovely-checklist input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #afafaf;padding:3.4px 2px;border-radius:2px;width:19px;height:19px;transition:background-color .65s;position:relative;top:1px}.lovely-checklist input[type=checkbox]:checked{background-color:#0dc789;border:0}.lovely-checklist input[type=checkbox]:checked+div{text-decoration:line-through;color:#afafaf}.lovely-checklist input[type=checkbox]:checked:before{content:"\e5ca";font-family:"Material Icons";font-size:.9rem;font-weight:700;color:#fff;position:relative;top:-2px;left:0;transform:translate(-50%,-50%)}.table-style{border-collapse:collapse;background:#fff;border-radius:3px;overflow:hidden;width:100%;margin:0 auto;position:relative;font-size:1rem}.table-style *{position:relative}.table-style td,table th{padding-left:8px}.table-style thead tr{height:60px;background:var(--brand-grey);font-size:1rem}.table-style tbody{background:#fff}.table-style tbody tr{height:48px;border-bottom:1px solid #ebebeb}.table-style tbody tr:last-child{border:0}.table-style td,table th{text-align:left}.table-style td.l,table th.l{text-align:right}.table-style td.c,table th.c{text-align:center}.table-style td.r,table th.r{text-align:center}.modal{opacity:0;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;text-align:left;background:var(--brand-grey);transition:opacity var(--default-animation-speed) ease}.modal__bg{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.modal-state{display:none}.modal-state:checked+.modal{opacity:1;visibility:visible;z-index:3}.modal-state:checked+.modal .modal__inner{top:0}.modal__inner{transition:top var(--default-animation-speed) ease;position:absolute;top:-20%;right:0;bottom:0;left:0;width:70%;margin:auto;overflow:auto;background:#fff;border-radius:3px;padding:2rem;height:80%}.modal__close{position:absolute;right:1rem;top:1rem;width:1rem;height:1rem;cursor:pointer}.modal__close:after,.modal__close:before{content:"";position:absolute;width:2px;height:2rem;background:#000;display:block;transform:rotate(45deg);left:50%;margin:14px 0 0 -22px;top:0}.modal__close:hover:after,.modal__close:hover:before{background:#aaa}.modal__close:before{transform:rotate(-45deg)}.modal-btn{cursor:pointer;font-weight:600;text-decoration:underline;text-decoration-color:var(--brand-pink)}.modal__inner h2{margin-top:0;max-width:90%}@media screen and (max-width:768px){.modal__inner{width:90%;height:90%;box-sizing:border-box}}.footer-design{margin-top:3rem;text-align:center}.footer-design a{text-decoration:none;color:var(--brand-pink) !important}@media screen and (max-width:550px){.desktop-only{display:none}.mobile-only{display:block}.checklistul{margin-inline-start:0rem;min-width:100%}.table-style{font-size:.9rem}.logo{text-align:center;padding-bottom:3rem}.logo a{letter-spacing:0rem}.profile-image-photo-effect{margin:1rem auto .25rem auto}.emoji-above-title{font-size:1.5rem;float:right}}