Online Code Editor-Try it yourself

img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px;}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.wp-block-kevinbatdorf-code-block-pro{direction:ltr !important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;-webkit-text-size-adjust:100% !important;box-sizing:border-box !important;position:relative !important;}.wp-block-kevinbatdorf-code-block-pro *{box-sizing:border-box !important;}.wp-block-kevinbatdorf-code-block-pro pre,.wp-block-kevinbatdorf-code-block-pro pre *{font-size:inherit !important;line-height:inherit !important;}.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre{background-image:none !important;border:0 !important;border-radius:0 !important;border-style:none !important;border-width:0 !important;color:inherit !important;font-family:inherit !important;margin:0 !important;overflow:auto !important;overflow-wrap:normal !important;padding:16px 0 16px 16px !important;text-align:left !important;white-space:pre !important;--tw-shadow:0 0 rgba(0,0,0,0);--tw-shadow-colored:0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow) !important;outline:2px solid transparent !important;outline-offset:2px !important;}.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre.nitro-lazy{background-image:none !important;}.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre:focus-visible{outline-color:inherit !important;}.wp-block-kevinbatdorf-code-block-pro.padding-disabled:not(.code-block-pro-editor) pre{padding:0 !important;}.wp-block-kevinbatdorf-code-block-pro.padding-bottom-disabled pre{padding-bottom:0 !important;}.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code{background:none !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;border-style:none !important;border-width:0 !important;color:inherit !important;display:block !important;font-family:inherit !important;margin:0 !important;overflow-wrap:normal !important;padding:0 !important;text-align:left !important;white-space:pre !important;width:100% !important;--tw-shadow:0 0 rgba(0,0,0,0);--tw-shadow-colored:0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow) !important;}.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code .line{display:inline-block !important;min-width:var(--cbp-block-width,100%) !important;vertical-align:top !important;}.wp-block-kevinbatdorf-code-block-pro.cbp-has-line-numbers:not(.code-block-pro-editor) pre code .line{padding-left:calc(12px + var(--cbp-line-number-width,auto)) !important;}.wp-block-kevinbatdorf-code-block-pro.cbp-has-line-numbers:not(.code-block-pro-editor) pre code{counter-increment:step calc(var(--cbp-line-number-start,1) - 1) !important;counter-reset:step !important;}.wp-block-kevinbatdorf-code-block-pro pre code .line{position:relative !important;}.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code .line:before{content:"" !important;display:inline-block !important;}.wp-block-kevinbatdorf-code-block-pro.cbp-has-line-numbers:not(.code-block-pro-editor) pre code .line:not(.cbp-line-number-disabled):before{color:var(--cbp-line-number-color,#999) !important;content:counter(step) !important;counter-increment:step !important;left:0 !important;opacity:.5 !important;position:absolute !important;text-align:right !important;transition-duration:.5s !important;transition-property:opacity !important;transition-timing-function:cubic-bezier(.4,0,.2,1) !important;-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;width:var(--cbp-line-number-width,auto) !important;}.wp-block-kevinbatdorf-code-block-pro.cbp-highlight-hover .line{min-height:var(--cbp-block-height,100%) !important;}.wp-block-kevinbatdorf-code-block-pro .line.cbp-line-highlight .cbp-line-highlighter,.wp-block-kevinbatdorf-code-block-pro .line.cbp-no-blur:hover .cbp-line-highlighter,.wp-block-kevinbatdorf-code-block-pro.cbp-highlight-hover:not(.cbp-blur-enabled:not(.cbp-unblur-on-hover)) .line:hover .cbp-line-highlighter{background:var(--cbp-line-highlight-color,rgba(14,165,233,.2)) !important;left:-16px !important;min-height:var(--cbp-block-height,100%) !important;min-width:calc(var(--cbp-block-width,100%) + 16px) !important;pointer-events:none !important;position:absolute !important;top:0 !important;width:100% !important;}[data-code-block-pro-font-family="Code-Pro-Comic-Mono.ttf"].wp-block-kevinbatdorf-code-block-pro .line.cbp-line-highlight .cbp-line-highlighter,[data-code-block-pro-font-family="Code-Pro-Comic-Mono.ttf"].wp-block-kevinbatdorf-code-block-pro .line.cbp-no-blur:hover .cbp-line-highlighter,[data-code-block-pro-font-family="Code-Pro-Comic-Mono.ttf"].wp-block-kevinbatdorf-code-block-pro.cbp-highlight-hover:not(.cbp-blur-enabled:not(.cbp-unblur-on-hover)) .line:hover .cbp-line-highlighter{top:-.125rem !important;}[data-code-block-pro-font-family=Code-Pro-Fira-Code].wp-block-kevinbatdorf-code-block-pro .line.cbp-line-highlight .cbp-line-highlighter,[data-code-block-pro-font-family=Code-Pro-Fira-Code].wp-block-kevinbatdorf-code-block-pro .line.cbp-no-blur:hover .cbp-line-highlighter,[data-code-block-pro-font-family=Code-Pro-Fira-Code].wp-block-kevinbatdorf-code-block-pro.cbp-highlight-hover:not(.cbp-blur-enabled:not(.cbp-unblur-on-hover)) .line:hover .cbp-line-highlighter{top:-1.5px !important;}[data-code-block-pro-font-family="Code-Pro-Deja-Vu-Mono.ttf"].wp-block-kevinbatdorf-code-block-pro .line.cbp-line-highlight .cbp-line-highlighter,[data-code-block-pro-font-family="Code-Pro-Deja-Vu-Mono.ttf"].wp-block-kevinbatdorf-code-block-pro .line.cbp-no-blur:hover .cbp-line-highlighter,[data-code-block-pro-font-family="Code-Pro-Deja-Vu-Mono.ttf"].wp-block-kevinbatdorf-code-block-pro.cbp-highlight-hover:not(.cbp-blur-enabled:not(.cbp-unblur-on-hover)) .line:hover .cbp-line-highlighter,[data-code-block-pro-font-family=Code-Pro-Cozette].wp-block-kevinbatdorf-code-block-pro .line.cbp-line-highlight .cbp-line-highlighter,[data-code-block-pro-font-family=Code-Pro-Cozette].wp-block-kevinbatdorf-code-block-pro .line.cbp-no-blur:hover .cbp-line-highlighter,[data-code-block-pro-font-family=Code-Pro-Cozette].wp-block-kevinbatdorf-code-block-pro.cbp-highlight-hover:not(.cbp-blur-enabled:not(.cbp-unblur-on-hover)) .line:hover .cbp-line-highlighter{top:-1px !important;}.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor).padding-disabled pre .line.cbp-line-highlight:after{left:0 !important;width:100% !important;}.wp-block-kevinbatdorf-code-block-pro.cbp-blur-enabled pre .line:not(.cbp-no-blur){filter:blur(1.35px) !important;opacity:.8 !important;pointer-events:none !important;transition-duration:.2s !important;transition-property:all !important;transition-timing-function:cubic-bezier(.4,0,.2,1) !important;}.wp-block-kevinbatdorf-code-block-pro.cbp-blur-enabled.cbp-unblur-on-hover:hover pre .line:not(.cbp-no-blur){opacity:1 !important;pointer-events:auto !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;}.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre *{font-family:inherit !important;}.cbp-see-more-simple-btn-hover{transition-property:none !important;}.cbp-see-more-simple-btn-hover:hover{box-shadow:inset 0 0 100px 100px hsla(0,0%,100%,.1) !important;}.code-block-pro-copy-button{border:0 !important;border-style:none !important;border-width:0 !important;cursor:pointer !important;left:auto !important;line-height:1 !important;opacity:.1 !important;outline:2px solid transparent !important;outline-offset:2px !important;padding:6px !important;position:absolute !important;right:0 !important;top:0 !important;transition-duration:.2s !important;transition-property:opacity !important;transition-timing-function:cubic-bezier(.4,0,.2,1) !important;z-index:10 !important;}.code-block-pro-copy-button:focus{opacity:.4 !important;}.code-block-pro-copy-button:focus-visible{outline-color:inherit !important;}.code-block-pro-copy-button:not([data-has-text-button]){background:none !important;background-color:transparent !important;}body .wp-block-kevinbatdorf-code-block-pro:not(#x) .code-block-pro-copy-button-textarea{clip:rect(0,0,0,0) !important;background-color:transparent !important;border-width:0 !important;color:transparent !important;height:1px !important;left:0 !important;margin:-.25rem !important;opacity:0 !important;overflow:hidden !important;pointer-events:none !important;position:absolute !important;resize:none !important;top:0 !important;white-space:nowrap !important;width:1px !important;--tw-shadow:0 0 rgba(0,0,0,0);--tw-shadow-colored:0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow) !important;}.wp-block-kevinbatdorf-code-block-pro.padding-disabled .code-block-pro-copy-button{padding:0 !important;}.wp-block-kevinbatdorf-code-block-pro:hover .code-block-pro-copy-button{opacity:.5 !important;}.wp-block-kevinbatdorf-code-block-pro .code-block-pro-copy-button:hover{opacity:.9 !important;}.code-block-pro-copy-button[data-has-text-button],.wp-block-kevinbatdorf-code-block-pro:hover .code-block-pro-copy-button[data-has-text-button]{opacity:1 !important;}.wp-block-kevinbatdorf-code-block-pro .code-block-pro-copy-button[data-has-text-button]:hover{opacity:.8 !important;}.code-block-pro-copy-button[data-has-text-button]{border-radius:.75rem !important;display:block !important;margin-right:.75rem !important;margin-top:.7rem !important;padding:.125rem .375rem !important;}.code-block-pro-copy-button[data-inside-header-type=headlightsMuted],.code-block-pro-copy-button[data-inside-header-type^=headlights]{margin-top:.85rem !important;}.code-block-pro-copy-button[data-inside-header-type=headlightsMutedAlt]{margin-top:.65rem !important;}.code-block-pro-copy-button[data-inside-header-type=simpleString]{margin-top:.645rem !important;}.code-block-pro-copy-button[data-inside-header-type=pillString]{margin-top:1rem !important;}.code-block-pro-copy-button[data-inside-header-type=pillString] .cbp-btn-text{position:relative !important;top:1px !important;}.cbp-btn-text{font-size:.75rem !important;line-height:1rem !important;}.code-block-pro-copy-button .without-check{display:block !important;}.code-block-pro-copy-button .with-check{display:none !important;}.code-block-pro-copy-button.cbp-copying{opacity:1 !important;}.code-block-pro-copy-button.cbp-copying .without-check{display:none !important;}.code-block-pro-copy-button.cbp-copying .with-check{display:block !important;}.cbp-footer-link:hover{text-decoration-line:underline !important;}@media print{.wp-block-kevinbatdorf-code-block-pro pre{max-height:none !important;}.wp-block-kevinbatdorf-code-block-pro:not(#x) .line:before{background-color:transparent !important;color:inherit !important;}.wp-block-kevinbatdorf-code-block-pro:not(#x) .cbp-line-highlighter,.wp-block-kevinbatdorf-code-block-pro:not(#x)>span{display:none !important;}}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em;}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none;}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--contrast:var(--contrast);--wp--preset--color--contrast-2:var(--contrast-2);--wp--preset--color--contrast-3:var(--contrast-3);--wp--preset--color--base:var(--base);--wp--preset--color--base-2:var(--base-2);--wp--preset--color--base-3:var(--base-3);--wp--preset--color--accent:var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1);}:where(.is-layout-flex){gap:.5em;}:where(.is-layout-grid){gap:.5em;}body .is-layout-flex{display:flex;}.is-layout-flex{flex-wrap:wrap;align-items:center;}.is-layout-flex > :is(*,div){margin:0;}body .is-layout-grid{display:grid;}.is-layout-grid > :is(*,div){margin:0;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}.has-black-color{color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color:var(--wp--preset--color--white) !important;}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color:var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color:var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6;}body{background-color:#fff;color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a,.site-branding a,a.button,.wp-block-button__link,.main-navigation a{text-decoration:none;}a:hover,a:focus,a:active{color:#008080;}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}:root{--contrast:#222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#fff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}.top-bar{background-color:#636363;color:#fff;}.top-bar a{color:#fff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0,0,0,.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,.main-navigation .menu-bar-item:hover > a,.main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active,.navigation-search input[type="search"]:focus,.main-navigation .main-nav ul li.search-item.active > a,.main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.one-container .container,.separate-containers .paging-navigation,.inside-page-header{background-color:var(--base-3);}.inside-article a,.paging-navigation a,.comments-area a,.page-header a{color:#008080;}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}h1{color:#008080;}h2{color:#008080;}h3{color:#008080;}h4{color:#008080;}h5{color:#008080;}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#fff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#fff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba(0,0,0,.4);color:#fff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba(0,0,0,.6);color:#fff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a,.main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container,.nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide,body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation,.one-container .site-content,.inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide,body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:100%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}.elementor-template-full-width .site-content{display:block;}.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-next,.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within{border-color:#008080;}.learndash-wrapper .ld-breadcrumbs a,.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title,.learndash-wrapper .ld-primary-color-hover:hover,.learndash-wrapper .ld-primary-color,.learndash-wrapper .ld-primary-color-hover:hover,.learndash-wrapper .ld-primary-color,.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active,.learndash-wrapper .ld-button.ld-button-transparent,.learndash-wrapper .ld-button.ld-button-reverse,.learndash-wrapper .ld-icon-certificate,.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading,#wpProQuiz_user_content a,.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover,.learndash-wrapper .ld-focus-comments__heading-actions .ld-expand-button,.learndash-wrapper .ld-focus-comments__heading a,.learndash-wrapper .ld-focus-comments .comment-respond a,.learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link:hover,.learndash-wrapper .ld-expand-button.ld-button-alternate{color:#008080 !important;}.learndash-wrapper .ld-focus-comment.bypostauthor>.ld-comment-wrapper,.learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper,.learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper{background-color:rgba(0,128,128,.03) !important;}.learndash-wrapper .ld-primary-background,.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after{background:#008080 !important;}.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-status-incomplete,.learndash-wrapper .ld-focus-comment.bypostauthor:not(.ptype-sfwd-assignment) >.ld-comment-wrapper>.ld-comment-avatar img,.learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper>.ld-comment-avatar img,.learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper>.ld-comment-avatar img{border-color:#008080 !important;}.learndash-wrapper .ld-loading::before{border-top:3px solid #008080 !important;}.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent),#learndash-tooltips .ld-tooltip:after,#learndash-tooltips .ld-tooltip,.learndash-wrapper .ld-primary-background,.learndash-wrapper .btn-join,.learndash-wrapper #btn-join,.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent),.learndash-wrapper .ld-expand-button,.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz),.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger,.learndash-wrapper .ld-focus-comments .form-submit #submit,.learndash-wrapper .ld-login-modal input[type='submit'],.learndash-wrapper .ld-login-modal .ld-login-modal-register,.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue,.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a,#wpProQuiz_user_content table.wp-list-table thead th,#wpProQuiz_overlay_close,.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon{background-color:#008080 !important;}.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before{border-bottom-color:#008080 !important;}.learndash-wrapper .ld-button.ld-button-transparent:hover{background:transparent !important;}.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button,.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button,.learndash-wrapper .ld-button.ld-button-transparent,.learndash-wrapper .ld-button.ld-button-alternate,.learndash-wrapper .ld-expand-button.ld-button-alternate{background-color:transparent !important;}.learndash-wrapper .ld-focus-header .ld-user-menu .ld-user-menu-items a,.learndash-wrapper .ld-button.ld-button-reverse:hover,.learndash-wrapper .ld-alert-success .ld-alert-icon.ld-icon-certificate,.learndash-wrapper .ld-alert-warning .ld-button:not(.learndash-link-previous-incomplete),.learndash-wrapper .ld-primary-background.ld-status{color:white !important;}.learndash-wrapper .ld-status.ld-status-unlocked{background-color:rgba(0,128,128,.2) !important;color:#008080 !important;}.learndash-wrapper .wpProQuiz_content .wpProQuiz_addToplist{background-color:rgba(0,128,128,.1) !important;border:1px solid #008080 !important;}.learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTable th{background:#008080 !important;}.learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTrOdd{background-color:rgba(0,128,128,.1) !important;}.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget{background-color:#008080 !important;}.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress{background-color:#008080 !important;}.learndash-wrapper #quiz_continue_link,.learndash-wrapper .ld-secondary-background,.learndash-wrapper .learndash_mark_complete_button,.learndash-wrapper #learndash_mark_complete_button,.learndash-wrapper .ld-status-complete,.learndash-wrapper .ld-alert-success .ld-button,.learndash-wrapper .ld-alert-success .ld-alert-icon{background-color:#008080 !important;}.learndash-wrapper .wpProQuiz_content a#quiz_continue_link{background-color:#008080 !important;}.learndash-wrapper .course_progress .sending_progress_bar{background:#008080 !important;}.learndash-wrapper .wpProQuiz_content .wpProQuiz_button_reShowQuestion:hover,.learndash-wrapper .wpProQuiz_content .wpProQuiz_button_restartQuiz:hover{background-color:#008080 !important;opacity:.75;}.learndash-wrapper .ld-secondary-color-hover:hover,.learndash-wrapper .ld-secondary-color,.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button,.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button,.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after{color:#008080 !important;}.learndash-wrapper .ld-secondary-in-progress-icon{border-left-color:#008080 !important;border-top-color:#008080 !important;}.learndash-wrapper .ld-alert-success{border-color:#008080;background-color:transparent !important;color:#008080;}.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolved,.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSolved{background-color:#008080 !important;}.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewColor_Answer{background-color:#008080 !important;}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important;}@media screen and (max-height: 1024px){.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important;}.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important;}}@media screen and (max-height: 640px){.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important;}.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important;}}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important;}.rtoc-mokuji-content{background-color:#fff;}.rtoc-mokuji-content.frame1{border:1px solid #008080;}.rtoc-mokuji-content #rtoc-mokuji-title{color:#008080;}.rtoc-mokuji-content .rtoc-mokuji li>a{color:#000;}.rtoc-mokuji-content .mokuji_ul.level-1>.rtoc-item::before{background-color:#008080 !important;}.rtoc-mokuji-content .mokuji_ul.level-2>.rtoc-item::before{background-color:#008080 !important;}.rtoc-mokuji-content.frame2::before,.rtoc-mokuji-content.frame3,.rtoc-mokuji-content.frame4,.rtoc-mokuji-content.frame5{border-color:#008080 !important;}.rtoc-mokuji-content.frame5::before,.rtoc-mokuji-content.frame5::after{background-color:#008080;}.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after,.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after,#scrollad #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after,#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after{background-color:#008080 !important;}.cls-1,.cls-2{stroke:#008080;}.rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item::before,.rtoc-mokuji-content .mokuji_ol.level-2>.rtoc-item::before,.rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item::after,.rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item::after{color:#008080;background-color:#008080;}.rtoc-mokuji-content .rtoc-mokuji.level-1>.rtoc-item::before{color:#008080;}.rtoc-mokuji-content .decimal_ol>.rtoc-item::after{background-color:#008080;}.rtoc-mokuji-content .decimal_ol>.rtoc-item::before{color:#008080;}#rtoc_return a::before{background-image:url("https://cdn-ilcfkpn.nitrocdn.com/dYTvffvupnjxELJNiOzugpRXpwHkeglU/assets/images/optimized/rev-ffe0105/educatecomputer.com/wp-content/plugins/rich-table-of-content/img/rtoc_return.png");}#rtoc_return a{background-color:#008080 !important;}.rtoc-mokuji-content .level-1>.rtoc-item #rtocAC.accent-point::after{background-color:#008080;}.rtoc-mokuji-content .level-2>.rtoc-item #rtocAC.accent-point::after{background-color:#008080;}.rtoc-mokuji-content.frame6,.rtoc-mokuji-content.frame7::before,.rtoc-mokuji-content.frame8::before{border-color:#008080;}.rtoc-mokuji-content.frame6 #rtoc-mokuji-title,.rtoc-mokuji-content.frame7 #rtoc-mokuji-title::after{background-color:#008080;}#rtoc-mokuji-wrapper.rtoc-mokuji-content.rtoc_h2_timeline .mokuji_ol.level-1>.rtoc-item::after,#rtoc-mokuji-wrapper.rtoc-mokuji-content.rtoc_h2_timeline .level-1.decimal_ol>.rtoc-item::after,#rtoc-mokuji-wrapper.rtoc-mokuji-content.rtoc_h3_timeline .mokuji_ol.level-2>.rtoc-item::after,#rtoc-mokuji-wrapper.rtoc-mokuji-content.rtoc_h3_timeline .mokuji_ol.level-2>.rtoc-item::after,.rtoc-mokuji-content.frame7 #rtoc-mokuji-title span::after{background-color:#008080;}.widget #rtoc-mokuji-wrapper.rtoc-mokuji-content.frame6 #rtoc-mokuji-title{color:#008080;background-color:#fff;}.container{width:100%;height:100vh;display:flex;}.left,.right{flex-basis:50%;padding:10px;}textarea{width:100%;height:28%;background:#454545;color:#fff;padding:10px 20px;border:0;outline:0;font-size:17px;}iframe{width:100%;height:95%;background:#fff;border:0;outline:0;}label i{margin-right:10px;margin-left:10px;color:#008080;}label{color:#008080;font-family:Roboto;font-weight:bold;background:#fff;height:35px;}form.fluent_form_2 .ff-btn-submit:not(.ff_btn_no_style){background-color:var(--fluentform-primary);color:#fff;}

Useful Links

Subscribe for latest update