@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);body{font-family:Inter,sans-serif}:root{--orange-text:#e9690e}:root:not([data-bs-theme=dark]){--bs-tertiary-bg:#f1f3f5;--bs-tertiary-bg-rgb:241,243,245;--bs-link-underline-opacity:0.25;--faint-shadow:rgba(0,0,0,.1);--faint-shadow-darker:rgba(0,0,0,.15);--navbar-bg:#f1f3f5;--link-underline-opacity-hover:0.75;--green-bg:#dcfde0;--blue-bg:#daf7ff;--pink-bg:#ffd4de;--sidebar-active-color:#c76e00;--codepad-brand-red:#f64747;--codepad-brand-blue:#2445ff}[data-bs-theme=dark]{--bs-body-bg:#1b1d21;--bs-body-bg-rgb:29,32,36;--bs-danger-text-emphasis:#ea6e78;--bs-link-underline-opacity:0.5;--link-underline-opacity-hover:0.5;--faint-shadow:hsla(0,0%,100%,.075);--faint-shadow-darker:hsla(0,0%,100%,.113);--navbar-bg:var(--bs-secondary-bg);--green-bg:#163821;--blue-bg:#0f3243;--pink-bg:#4a2c34;--codepad-brand-red:#f1828d;--codepad-brand-blue:#57e0e5;--sidebar-active-color:#ffa538;--scrollbar-track-color:#131415;--scrollbar-thumb-color:var(--bs-secondary-bg);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);--bs-primary-text-emphasis-rgb:110,168,254;--bs-secondary-text-emphasis-rgb:167,172,177;--bs-success-text-emphasis-rgb:117,183,152;--bs-danger-text-emphasis-rgb:234,110,120}[data-bs-theme=dark] .text-primary{color:var(--bs-primary-text-emphasis)!important}[data-bs-theme=dark] .link-primary{color:RGBA(var(--bs-primary-text-emphasis-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important}[data-bs-theme=dark] .link-primary:focus,[data-bs-theme=dark] .link-primary:hover{color:RGBA(var(--bs-primary-text-emphasis-rgb),.8)!important;-webkit-text-decoration-color:rgba(var(--bs-primary-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-primary-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important}[data-bs-theme=dark] .text-secondary{color:var(--bs-secondary-text-emphasis)!important}[data-bs-theme=dark] .link-secondary{color:RGBA(var(--bs-secondary-text-emphasis-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important}[data-bs-theme=dark] .link-secondary:focus,[data-bs-theme=dark] .link-secondary:hover{color:RGBA(var(--bs-secondary-text-emphasis-rgb),.8)!important;-webkit-text-decoration-color:rgba(var(--bs-secondary-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-secondary-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important}[data-bs-theme=dark] .text-success{color:var(--bs-success-text-emphasis)!important}[data-bs-theme=dark] .link-success{color:RGBA(var(--bs-success-text-emphasis-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important}[data-bs-theme=dark] .link-success:focus,[data-bs-theme=dark] .link-success:hover{color:RGBA(var(--bs-success-text-emphasis-rgb),.8)!important;-webkit-text-decoration-color:rgba(var(--bs-success-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-success-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important}[data-bs-theme=dark] .text-danger{color:var(--bs-danger-text-emphasis)!important}[data-bs-theme=dark] .link-danger{color:RGBA(var(--bs-danger-text-emphasis-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important}[data-bs-theme=dark] .link-danger:focus,[data-bs-theme=dark] .link-danger:hover{color:RGBA(var(--bs-danger-text-emphasis-rgb),.8)!important;-webkit-text-decoration-color:rgba(var(--bs-danger-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-danger-text-emphasis-rgb),var(--bs-link-underline-opacity,1))!important}.brand-red{color:var(--codepad-brand-red)}.brand-blue{color:var(--codepad-brand-blue)}[data-bs-theme=dark] .dark-invert{filter:invert(1)}.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{font-weight:225}.btn-link,a{-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1));text-underline-offset:.125em}.btn-link:hover,a:hover{--bs-link-underline-opacity:var(--link-underline-opacity-hover)}.btn.btn-link{transition:none}[data-bs-theme=dark] .btn-info{--bs-btn-bg:#00aed1;--bs-btn-border-color:#00aed1;--bs-btn-hover-bg:#0092af;--bs-btn-hover-border-color:#0092af;--bs-btn-active-bg:#0086a1;--bs-btn-active-border-color:#0086a1}[data-bs-theme=dark] .btn-outline-info{--bs-btn-color:#00aed1;--bs-btn-border-color:#00aed1;--bs-btn-hover-bg:#00aed1;--bs-btn-hover-border-color:#00aed1;--bs-btn-active-bg:#00aed1;--bs-btn-active-border-color:#00aed1}[data-bs-theme=dark] .btn-outline-primary{--bs-btn-color:RGB(var(--bs-primary-text-emphasis-rgb));--bs-btn-border-color:RGB(var(--bs-primary-text-emphasis-rgb));--bs-btn-hover-bg:RGB(var(--bs-primary-text-emphasis-rgb));--bs-btn-hover-border-color:RGB(var(--bs-primary-text-emphasis-rgb));--bs-btn-active-bg:RGB(var(--bs-primary-text-emphasis-rgb));--bs-btn-active-border-color:RGB(var(--bs-primary-text-emphasis-rgb))}[data-bs-theme=dark] .btn-warning{--bs-btn-hover-bg:#d39e00;--bs-btn-hover-border-color:#d39e00}@media (min-width:1560px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1520px}}.grecaptcha-badge{display:none!important}.navbar{background-color:var(--navbar-bg)}.navbar-brand{font-size:18pt}.btn-transparent{--bs-btn-color:#000;--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:transparent}[data-bs-theme=dark] .btn-transparent{--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff}.modal-header-center{justify-content:center}.modal-header-center .btn-close{margin-left:0;position:absolute;right:var(--bs-modal-header-padding-x)}.hoverable:hover{background-color:var(--bs-tertiary-bg)}.testimonial-group>.row{display:block;overflow-x:auto;white-space:nowrap}.testimonial-group>.row>.col-3,.testimonial-group>.row>.col-lg-3{display:inline-block}@media (max-width:992px){.testimonial-group>.row>.col-3,.testimonial-group>.row>.col-lg-3{max-width:225px!important}.testimonial-group>.row{text-align:center}}.widescreen-divider{display:block;margin-bottom:2rem;margin-top:2rem}.section-header{display:flex;flex-wrap:wrap;margin-bottom:1.5rem}.smallscreen-divider{display:none}@media (max-width:768px){.widescreen-divider{display:none}.section-header{margin-top:2rem}.smallscreen-divider{display:flex;flex-direction:column}.smallscreen-divider>:first-child{border-bottom:1px solid;color:inherit;flex-grow:70;opacity:.25}.smallscreen-divider>:last-child{flex-grow:30}}#features .col-md{align-items:center;background-color:var(--bs-body-bg);border:2px solid #ddd;border-radius:5px;box-shadow:.2rem .4rem 1rem 0 var(--faint-shadow);display:flex;flex-direction:column;justify-content:center;margin:10px;padding:20px;text-align:center;transition:box-shadow .5s}#features .col-md:hover{box-shadow:.2rem .4rem 1rem .25rem var(--faint-shadow-darker)}#features i{display:block;font-size:36pt;padding-bottom:10px}@media (min-width:992px){#features .col-md{flex:0 0 20%;max-width:20%}}@media only screen and (min-width:480px) and (max-width:992px){#features .col-md{width:40%}}@media (max-width:480px){#features .col-md{max-width:80%}}@keyframes slideIn{0%{opacity:1e-9;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.scrolled{animation-duration:.8s;animation-fill-mode:forwards;animation-name:slideIn;animation-timing-function:cubic-bezier(.16,1,.3,1)}.jumbotron{background-color:var(--blue-bg);padding:2rem 1rem}.jumbotron .btn{font-size:13pt}@media (max-width:576px){.jumbotron{padding:4rem 2rem}.welcome-header{text-align:center}}@keyframes typing{0%{max-width:0}to{max-width:100%}}@keyframes backspace{0%{max-width:100%}to{max-width:0}}#interactive-header{margin-bottom:1rem}.catchphrase{font-size:calc(50px + 3.14159vw);font-weight:275;line-height:1.1}#animated-coding{border-right:5px solid var(--bs-info);display:inline-block;margin-bottom:-1.5rem;overflow-x:hidden;padding-bottom:1.5rem;white-space:nowrap}@media (max-width:1200px){.catchphrase{text-align:center}}@media (min-width:1200px){#interactive-header{display:flex;justify-content:center;margin-bottom:1.5rem}#interactive-header>.catchphrase:last-child:after{content:"teaching.";visibility:hidden}#animated-coding{position:absolute}}#see-all-my-pads i:before{display:inline-block;text-decoration:none}.wavy-bottom{position:relative}.wavy-bottom>svg{bottom:0;position:absolute;transform:translateY(50%);z-index:-3;fill:var(--blue-bg)}.dragging{animation-duration:.25s;animation-fill-mode:forwards;animation-name:dragging}@keyframes dragging{0%{background-color:transparent}to{background-color:rgba(var(--bs-info-rgb),.25)}}.pad-or-group-ele{border-radius:10px;padding-bottom:35px;padding-top:15px;text-align:center;vertical-align:top}.pad-or-group-ele div:hover{cursor:pointer}.pad-or-group-ele .pad-thumbnail{color:var(--bs-body-color);text-decoration:none}#pad-context-menu{font-size:10pt}@media (min-width:1560px){.pad-or-group-ele{flex:0 0 16.666667%;width:16.66666667%}}.thumbnail-option{border:5px solid transparent;cursor:pointer;opacity:.75;text-align:center}.thumbnail-option:hover{opacity:1}.selected-thumbnail{border-color:var(--bs-secondary-color);opacity:1}.thumbnail-list{align-items:center;display:flex;flex-wrap:nowrap;gap:.25rem;overflow-x:auto}.change-details-footer{background:var(--bs-body-bg);border-radius:.5rem .5rem 0 0;bottom:0;box-shadow:0 0 3px 2px var(--faint-shadow);position:sticky;z-index:3}#upload-thumbnail-dialog{background-color:rgba(0,0,0,.5);z-index:10000}