@import url(https://fonts.googleapis.com/css2?family=Sigmar+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;800&display=swap);.how-to-container,.how-to-overview-container{background-color:#7c8a94;border-radius:25px;box-shadow:4px 4px 30px #0f0f0f;position:fixed;z-index:999}.how-to-container{min-height:250px;width:400px}.how-to-overview-container{left:calc(50% - 300px);min-height:600px;top:calc(50% - 300px);width:600px}.how-to-container:before{border-color:transparent #7c8a94 transparent transparent;border-style:solid;border-width:15px 10px 15px 5px;content:"";left:-14px;position:absolute;top:28px}.how-to-container>div>h1{color:#efefef;font-family:Sigmar One,sans-serif;font-size:25px;font-weight:100;margin:20px 25px}.how-to-container>.header-container{align-items:center;display:flex;justify-content:space-between}.open{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#444;height:40px;left:50%;margin-left:-80px;margin-top:-30px;padding:10px 30px;position:fixed;top:-1000px;width:100px;z-index:999}.open,.open:hover{transition:all .6s ease-out}.open:hover{border:1px solid #aaa;box-shadow:inset 0 0 8px #ccc}.how-to-container p{color:#efefef;float:left;font-family:Raleway,sans-serif;font-size:16px;font-weight:400;line-height:28px;margin:0;width:350px;z-index:999}.how-to-container .bottom{bottom:0;display:-webkit-flex;display:flex;position:absolute;width:100%;z-index:999}.how-to-container .bottom .step{background-color:#373942;border-bottom-left-radius:6px;border-radius:0 0 0 15px;display:flex;flex:3 1;-webkit-flex:3;-ms-flex:3;height:50px;width:100%}.how-to-container .bottom .step ul{display:flex;flex:3 1;-webkit-flex:3;-ms-flex:3;height:10px;justify-content:center;list-style:none;margin:auto;padding-bottom:4px;padding-left:4px}.how-to-container .bottom .step ul li{background:none;border:1px solid #535560;border-radius:50%;cursor:pointer;float:left;height:15px;margin:0 10px;position:relative;width:15px}.lesson-body span>b{border-bottom:2px dashed #eca842;color:#eca842;cursor:pointer}.how-to-container .bottom .step ul li.active{background-color:#fff;box-shadow:0 0 25px hsla(0,0%,100%,.78);transition:all 1s}.how-to-container .bottom .step ul li:first-child:before{width:0}.how-to-container .bottom .step ul li:before{border-top:1px solid #535560;content:"";left:-21px;position:absolute;top:3px;top:5px;width:20px}.how-to-overview-container .bottom .step ul li.true{background-color:#7a7d86}.how-to-overview-container .bottom .step ul li{cursor:pointer}.how-to-overview-container .bottom .step ul li:hover{background-color:hsla(0,0%,100%,.25)}.how-to-overview-container .bottom{bottom:0;display:-webkit-flex;display:flex;position:absolute;width:100%;z-index:999}.how-to-overview-container .bottom .step{background-color:#373942;border-bottom-left-radius:6px;display:flex;flex:3 1;-webkit-flex:3;-ms-flex:3;height:50px;width:100%}.how-to-overview-container ul{flex:3 1;-webkit-flex:3;-ms-flex:3;height:10px;list-style:none;margin:auto;padding-bottom:4px}.how-to-overview-container ul li{align-items:center;background:#7c8a94;border:var(--border-circle-color);border-radius:50%;display:flex;height:25px;margin:80px 20px 120px 80px;position:relative;width:25px}.how-to-overview-container ul li:last-child:before{height:0;width:70px}.how-to-overview-container ul li:before{border-left:5px solid #535560;border-left:var(--border-left-color);border-top:4px dotted #535560;border-top:var(--border-connector-color);content:"";height:140px;left:10px;position:absolute;top:12px;width:65px;z-index:-1}.how-to-overview-container ul li p{background:#525561;border:7px solid #525561;border-radius:15px;box-shadow:5px 5px 5px rgba(83,85,96,.75);color:#efefef;font-family:Sigmar One;font-size:20px;margin:0 -400px 0 75px;padding:10px;text-align:center;width:250px}.how-to-overview-container ul li p:hover{box-shadow:1px 1px 1px rgba(0,0,0,.25);-webkit-filter:brightness(1.2);filter:brightness(1.2);transition:all .3s}.how-to-overview-container ul li.true{background-color:#7a7d86}.how-to-overview-container ul li{cursor:pointer}.how-to-overview-container ul li:hover{background-color:#5f6271;border-color:#5f6271}.how-to-overview-container ul li.active{background-color:#fff;box-shadow:0 0 25px hsla(0,0%,100%,.78);transition:all 1s}.how-to-overview-container .bottom .step{border-radius:0 0 25px 25px}.close{cursor:pointer}.close:after,.close:before{border-top:5px solid #efefef;content:"";height:13px;position:absolute;right:31px;top:26px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:13px}.close:before{right:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.btn{background-color:#92b8d8;border:0;border-bottom-right-radius:6px;border-radius:0 0 15px 0;color:#fff;cursor:pointer;flex:1 1;font-family:Sigmar One,sans-serif;font-size:16px;font-weight:700;margin:0;padding:0;text-transform:uppercase}.btn,.btn:hover{transition:all .3s}.btn:hover{background-color:#efefef;color:#4e606c}.btn:active{background-color:#5f8aaf}.slider-container{margin:0 25px 80px;overflow:hidden;width:350px}.slider-turn{width:10000px}.full-page-modal{background:rgba(39,48,55,.97);height:100vh;position:absolute;width:100vw;z-index:100}.how-to-list{background-color:#485762;box-shadow:4px 4px 30px #0f0f0f;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:calc(50% - 375px);padding:40px 10px;position:absolute;top:calc(50% - 200px);transition:all .6s ease-out;width:750px;z-index:999}.how-to-card,.how-to-list{border-radius:15px;color:#efefef}.how-to-card{align-items:center;background-color:rgba(0,0,0,.3);font-family:Sigmar One,sans-serif;font-size:24px;height:200px;letter-spacing:2px;text-shadow:3px 3px rgba(0,0,0,.3);width:300px}.how-to-card,.how-to-list-items{display:flex;justify-content:center}.how-to-list-items{flex-wrap:wrap}.nav-list-item{align-items:center;background-color:#384a56;border-radius:15px;box-shadow:10px 10px 10px #2a3f42;color:#efefef;cursor:pointer;display:flex;font-family:Sigmar One,sans-serif;font-size:20px;justify-content:center;margin:10px;max-width:450px;padding:15px;text-align:center}.nav-list-item:hover{box-shadow:3px 3px 3px rgba(0,0,0,.25);-webkit-filter:brightness(1.2);filter:brightness(1.2);transition:all .3s}.lesson-title{color:#efefef;font-family:Sigmar One,sans-serif;font-size:24px;text-align:center;text-shadow:3px 3px rgba(0,0,0,.3)}.how-to-overview-container .lesson-title{border-radius:25px;font-size:30px;margin:0;padding:10px}.how-to-overview-container .header-container{border-radius:25px 25px 0 0}.lesson-body,.lesson-section{text-shadow:1px 1px 2.5px #373942}.lesson-section{color:#efefef;font-family:Sigmar One,sans-serif;font-size:18px}@-webkit-keyframes stretch-animation{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}30%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05,.95);transform:scale(1.05,.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes stretch-animation{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}30%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05,.95);transform:scale(1.05,.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.learn-tooltip{align-items:center;-webkit-animation:stretch-animation 1s ease-out .15s forwards;animation:stretch-animation 1s ease-out .15s forwards;background-color:#384a56;border-radius:15px;box-shadow:10px 10px 10px #2a3f42;color:#efefef;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:500;height:40px;justify-content:center;margin:10px;max-width:450px;padding:15px 15px 15px 60px;position:fixed;text-align:center;width:260px;z-index:999}.learn-tooltip:after{border-left:50px solid transparent;border-right:50px solid transparent;border-top:35px solid #394956;bottom:-15px;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;width:0;z-index:-1}.learn-tooltip-icon{align-items:center;background:#eca842;border-radius:5px;bottom:25px;content:"";display:flex;height:25px;justify-content:center;left:20px;margin-left:0;position:absolute;width:40px;z-index:0}html{background-color:#28323a;scroll-behavior:smooth}body{margin:0;overflow-x:hidden;padding:0}.Main,.navbar{margin:8px;overflow:hidden}.navbar{display:flex;justify-content:space-between;margin-bottom:1rem}.header{color:#f8f8f2;font-family:Sigmar One,sans-serif;font-size:30px;letter-spacing:2px;margin:0;padding:0 2px;text-shadow:3px 3px hsla(0,31%,94%,.3)}.Main{display:flex;flex-wrap:wrap;justify-content:space-between}.editor{height:42.5vh}.editor>div>div{border-radius:15px}.tab-container{display:flex;justify-content:flex-end}.display{border-radius:15px;flex-basis:100%;height:40vh;margin-top:1.5rem;width:100%}.display,.editor{border:.25rem solid #28323a}#blocklyCSSDiv,#blocklyHTMLDiv,#blocklyJSDiv{height:100%;width:100%}.blocklyToolboxContents{padding-bottom:10px}.blocklyToolboxDiv{z-index:1}.blocklyToolboxCategory{margin:.75rem 0}.blocklyTreeRow{border:none!important;cursor:pointer}.blocklyTreeLabel{background:#28323a;border-radius:5px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:800;padding:10px}.blocklyToolboxCategory:hover{opacity:.5}.blocklyTreeSelected:hover~.blocklyTreeLabel{background-color:#6d7174!important}.blocklyTreeRow:not(.blocklyTreeSelected):hover,.blocklyTreeSelected{background-color:#384a56!important}.tab{align-items:center;background-color:#4e606c;border-radius:5px 5px 0 0!important;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;margin-right:1rem;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tab:hover{background-color:#62737e}.export-button,.load-button{border:none;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.2);cursor:pointer;font-family:Sigmar One,sans-serif;font-size:16px;margin:4px 8px;min-width:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.load-button{background-color:#4e606c;color:#fff}.share-button{background-color:#fff;color:#465159}.blocklyTreeIcon{width:10px}#pens-container,#template-container,.auth-modal{align-items:center;background:#303b44;display:flex;height:100vh;justify-content:center;opacity:.98;position:absolute;width:100vw;z-index:100}#pens-container{max-height:90vh;padding:2rem}.pens-slides,.template-slides{background-color:#aabccb;border-radius:5px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.2);color:#fff;cursor:pointer;height:100%}.template-slides{height:20%;margin:4rem;max-height:130px;min-height:130px;width:20%}.pens-list{background-color:#a8bac9;border-radius:15px;box-shadow:0 9px 8px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.2);margin:1rem;max-height:60%;overflow-y:scroll;padding:1rem}.pens-slides{background-color:#4e606c;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:.5rem;min-width:400px}.pens-title{color:#fff;font-family:Sigmar One,sans-serif;font-size:24px;letter-spacing:2px;text-align:center;text-shadow:3px 3px rgba(0,0,0,.3)}.pens-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.pens-list-header,.template-name{color:#434343;font-family:Sigmar One,sans-serif}.template-name{font-size:30px;letter-spacing:2px;text-align:center;text-shadow:3px 3px rgba(0,0,0,.3)}.template-slides:hover{background-color:#dee9f2}.load-button:hover,.template-slides:hover{box-shadow:0 59px 78px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.2);cursor:pointer}.load-button:hover{background-color:#7c8a94}.auth-container,.auth-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.auth-subtitle,.auth-title{color:#fff;font-family:Sigmar One,sans-serif;font-size:30px;letter-spacing:2px;margin:10px;text-align:center;text-shadow:3px 3px rgba(0,0,0,.3)}.auth-subtitle{font-size:20px}.auth-input{font-family:Raleway,sans-serif;width:300px}.auth-button,.auth-input{border:none;border-radius:5px;font-size:16px;height:40px;margin:10px 0;padding:0 10px}.auth-button{background-color:#4e606c;color:#fff;cursor:pointer;font-family:Sigmar One,sans-serif;width:auto}.validation{color:red;font-family:Raleway,sans-serif;font-size:14px;letter-spacing:2px;margin:10px;text-align:center}.full-screen{height:100vh;margin:0;padding:0;width:100vw}.tag{color:#fff;cursor:pointer;font-size:20px;font-weight:700}.topright:before{border-bottom:180px solid #28323a;border-left:180px solid transparent;bottom:0;content:"";height:0;position:absolute;right:0;width:0}.topright:after{bottom:30px;content:"Edit on Blockpen";font-family:Sigmar One,sans-serif;font-size:20px;position:absolute;right:0;text-align:center;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:120px}.code-viewer{background:rgb(34 45 50,.5);border:2px solid #d8ebebad;border-radius:15px;color:#efefef;height:93%;padding:.5rem 1rem;width:92%}pre{background:#394956;border:.3em solid #28323a;border-radius:.5em;box-shadow:inset 1px 1px .5em #000;color:#fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;overflow-wrap:normal;padding:1em;tab-size:4;text-align:left;text-shadow:#000 0 -.1em .2em;white-space:pre;word-break:normal;word-spacing:normal}@-webkit-keyframes tilt-n-move-shaking{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}12%{-webkit-transform:translate(5px,-5px) rotate(5deg);transform:translate(5px,-5px) rotate(5deg)}24%{-webkit-transform:translate(5px) rotate(5deg);transform:translate(5px) rotate(5deg)}36%{-webkit-transform:translate(5px,5px) rotate(5deg);transform:translate(5px,5px) rotate(5deg)}50%{-webkit-transform:translate(0) rotate(0eg);transform:translate(0) rotate(0eg)}62%{-webkit-transform:translate(-5px,-5px) rotate(-5deg);transform:translate(-5px,-5px) rotate(-5deg)}75%{-webkit-transform:translate(-5px) rotate(-5deg);transform:translate(-5px) rotate(-5deg)}87%{-webkit-transform:translate(-5px,5px) rotate(-5deg);transform:translate(-5px,5px) rotate(-5deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes tilt-n-move-shaking{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}12%{-webkit-transform:translate(5px,-5px) rotate(5deg);transform:translate(5px,-5px) rotate(5deg)}24%{-webkit-transform:translate(5px) rotate(5deg);transform:translate(5px) rotate(5deg)}36%{-webkit-transform:translate(5px,5px) rotate(5deg);transform:translate(5px,5px) rotate(5deg)}50%{-webkit-transform:translate(0) rotate(0eg);transform:translate(0) rotate(0eg)}62%{-webkit-transform:translate(-5px,-5px) rotate(-5deg);transform:translate(-5px,-5px) rotate(-5deg)}75%{-webkit-transform:translate(-5px) rotate(-5deg);transform:translate(-5px) rotate(-5deg)}87%{-webkit-transform:translate(-5px,5px) rotate(-5deg);transform:translate(-5px,5px) rotate(-5deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}.menu-overlay-container{position:relative}.menu-overlay{background-color:#485762;border-radius:25px;box-shadow:0 59px 78px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.2);display:flex;flex-direction:column;left:10%;padding:20px;position:absolute;top:20%;z-index:50}.menu-overlay button{margin:10px 0}.menu-button{min-width:150px;padding:8px}.loading-container{align-items:center;background:rgba(40,50,58,.99);display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:9999}.loader{display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto 1em;padding:1em;text-align:center;vertical-align:top;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loader>svg path,.loader>svg rect{fill:#c6c6c6}.blog-navbar{align-items:center;background-color:#28323a;box-shadow:0 4px 6px rgba(31,41,55,.1);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:85px;padding-left:1rem;padding-right:1rem;position:-webkit-sticky;position:sticky;top:0;transition:all .5s ease;z-index:50}.blog-navbar.dark{background-color:initial;box-shadow:none}@media (min-width:640px){.blog-navbar{padding-left:.5rem;padding-right:1.5rem}}@media (min-width:1024px){.blog-navbar{padding-left:1rem;padding-right:2rem}}.blog-hero{padding-bottom:4rem;padding-top:4rem}@media (min-width:640px){.blog-hero{padding-left:.5rem;padding-right:.5rem}}@media (min-width:1024px){.blog-hero{padding:5rem 0;position:relative}}.logo-container{align-items:center;display:flex;-webkit-user-select:none;user-select:none}.build-button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.25rem 1rem;text-decoration:none}.build-button,.build-button:hover{background-color:rgba(137,246,250,.41)}.build-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.blog-logo{color:#f8f8f2;cursor:pointer;display:flex;font-family:Sigmar One,sans-serif;letter-spacing:2px;margin:0;padding:0 2px;text-decoration:none;text-shadow:3px 3px hsla(0,31%,94%,.3)}.blog-logo,.hero-content{align-items:center;font-size:30px}.hero-content{grid-column-gap:2rem;grid-row-gap:4rem;color:#fff;-webkit-column-gap:2rem;column-gap:2rem;display:grid;display:flex;font-family:Raleway,sans-serif;font-weight:800;grid-template-columns:repeat(1,minmax(0,1fr));justify-content:space-around;margin-left:auto;margin-right:auto;max-width:36rem;padding-left:1rem;padding-right:1rem;row-gap:4rem}@media (min-width:1024px){.hero-content{grid-template-columns:repeat(2,minmax(0,1fr));max-width:96rem;padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.hero-content{-webkit-column-gap:4rem;column-gap:4rem;padding-left:3rem;padding-right:3rem}}.header-custom{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#c7d2fe 0,#8ab4f8 50%,#c7d2fe);color:transparent;display:inline;font-family:Sigmar One,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.025em}.subheader-custom{color:#64748b;font-size:1.5rem;letter-spacing:-.025em;margin-top:.75rem}.hero-image{-webkit-filter:drop-shadow(2px 4px 6px #000) brightness(.75);filter:drop-shadow(2px 4px 6px black) brightness(.75)}.content-container{width:100%}@media (min-width:1024px){.content-container{padding-left:2rem;width:75%}}.content-custom{background-color:#fff;display:flex;height:100%;justify-content:center;margin-left:auto;margin-right:auto;max-width:96rem;padding-left:.5rem;padding-right:.5rem;position:relative}@media (min-width:640px){.content-custom{padding-right:.5rem}}@media (min-width:1024px){.content-custom{padding-right:2rem}}@media (min-width:1280px){.content-custom{padding-right:3rem}}.content-panel{display:none}@media (min-width:1024px){.content-panel{display:block;flex:none;position:relative}}.content-body{flex:1 1 auto;max-width:36rem;min-width:0;padding:4rem 1rem}@media (min-width:1024px){.content-body{max-width:none;padding-left:2rem;padding-right:0}}@media (min-width:1280px){.content-body{padding-left:4rem;padding-right:4rem}}nav{font-family:Raleway,sans-serif;font-size:1rem;font-weight:500;line-height:24px;padding-right:2rem;width:16rem}.nav-container{background-color:#f5f7fa;height:calc(100vh - 4.5rem);margin-left:-.125rem;overflow-x:hidden;overflow-y:scroll;padding-bottom:4rem;padding-left:.125rem;padding-top:4rem;position:-webkit-sticky;position:sticky;top:4.5rem}.nav-index{font-size:1rem;padding-right:2rem;width:16rem}@media (min-width:1024px){.nav-index{font-size:.875rem}}@media (min-width:1280px){.nav-index{padding-right:4rem;width:18rem}}.content-subheader{font-family:Raleway,sans-serif;font-size:1.25rem;font-weight:800}.content-header{border-bottom:3px solid #518288;color:#4e606c;font-family:Sigmar One,sans-serif;font-size:1.875rem;font-weight:500;letter-spacing:-.025em;margin-bottom:2.5rem;padding-bottom:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}article{color:#6a6a6a;font-family:Raleway,sans-serif;font-weight:400;line-height:24px}hr{border-color:#e2e8f042;border-top-width:1px;margin-bottom:3em;margin-top:3em}.lead{font-family:Raleway,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.75}.quick-links{margin-bottom:2rem;margin-top:2rem}.quick-link,.quick-links{align-items:center;display:flex;justify-content:center}.quick-link{background-color:#4f606c;border-radius:5px;box-shadow:5px 5px 5px #42525e;color:#efefef;cursor:pointer;font-family:Sigmar One,sans-serif;font-size:20px;margin:10px;min-width:300px;padding:5px;text-align:center}.quick-link:hover{box-shadow:3px 3px 3px #42525e;-webkit-filter:brightness(1.2);filter:brightness(1.2);transition:all .3s}.quick-link-header{color:#fff;font-family:Sigmar One,sans-serif;font-size:1.25rem;font-weight:800;line-height:1.75}.quick-link:active{box-shadow:1px 1px 1px #42525e;-webkit-transform:translateY(1px);transform:translateY(1px)}.nav-list{border-left:3px solid #f3f4f6;margin-top:.5rem;padding-left:.75rem}.nav-list.dark{border-color:#4b5563}.nav-list>:not(:last-child){margin-bottom:.5rem}@media (min-width:1024px){.nav-list{border-color:#e5e7eb;margin-top:1rem}.nav-list>:not(:last-child){margin-bottom:.25rem}}li{list-style:none}.list-item-selected{color:#60a5fa;display:block;font-weight:600;position:relative;width:100%}.list-item-selected:before{background-color:#60a5fa;border-radius:50%;content:"";height:.375rem;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateX(-35%);transform:translateX(-35%);width:.375rem}.list-item{color:#3f3f46;display:block;padding-left:.875rem;position:relative;width:100%}.list-item:before{background-color:#cbd5e1;border-radius:50%;content:"";display:none;height:.375rem;left:-.25rem;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.375rem}.list-item:hover{color:#2d3748}.list-item.selected{background-color:rgba(0,0,0,.1);border-radius:5px}.content-body-paragraph{color:#737373;font-family:Raleway,sans-serif;font-size:18px;line-height:24px}.content-image{display:flex;margin:auto}#blog-container b{border-bottom:2px dashed #eca842;color:#eca842;cursor:pointer}.expand-icon{color:#fff;cursor:pointer;padding-left:1rem}.expand-icon:hover{-webkit-filter:brightness(.75);filter:brightness(.75)}.learn-gallery-container{flex-wrap:wrap;margin-bottom:0;margin-top:5rem}.learn-gallery-container,.learn-gallery-item{align-items:center;display:flex;justify-content:center}.learn-gallery-item{background-color:#4f606c;border-radius:25px;box-shadow:5px 5px 5px #1f2937;color:#efefef;cursor:pointer;font-family:Sigmar One,sans-serif;font-size:20px;height:300px;margin:1rem 1.5rem;max-width:300px;padding:2.5rem;text-align:center}.learn-gallery-item:hover{box-shadow:0 4px 6px rgba(31,41,55,.1);-webkit-filter:brightness(1.2);filter:brightness(1.2);transition:all .3s}.learn-gallery-item>a{color:#efefef;text-decoration:none}.learn-gallery-description{color:#fff;font-family:Sigmar One,sans-serif;font-size:16px;font-weight:300;line-height:24px}.learn-gallery-tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.learn-gallery-tag{background-color:rgba(138,59,113,.63);border-radius:5px;color:#fff;font-family:Sigmar One,sans-serif;font-size:16px;font-weight:300;line-height:24px;margin:.5rem;padding:5px}.homepage-header{color:#28323a;font-family:Sigmar One;font-size:4rem;font-style:normal;font-weight:400;margin-bottom:auto;margin-top:5rem}.homepage-header-custom{color:transparent;display:inline;font-family:Sigmar One,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.025em}.hero-content{-webkit-column-gap:0;column-gap:0}.homepage-graphic{display:block}@media screen and (max-width:768px){.logo-container{justify-content:none}.homepage-graphic,.options-menu{display:none}.blog-hero{padding-top:8rem}}#container{-webkit-filter:url(#threshold) blur(0);filter:url(#threshold) blur(0);margin-right:auto;position:relative}#text1,#text2{display:inline-block;font-size:40pt;position:absolute;-webkit-user-select:none;user-select:none;width:100%}#text1,#text2,.navitem{font-family:Sigmar One,sans-serif}.navitem{color:#fff;cursor:pointer;-webkit-filter:drop-shadow(1px 2px 3px #000);filter:drop-shadow(1px 2px 3px black);font-size:18px;margin:0 2rem;text-decoration:none}.navitem:hover{-webkit-filter:drop-shadow(.5px 1px 1.5px #656a70) brightness(1.2);filter:drop-shadow(.5px 1px 1.5px #656a70) brightness(1.2)}.user-avatar{cursor:pointer;padding:.25rem}.pts{color:#fff;font-family:Sigmar one;font-size:24px;padding-right:.25rem}.auth-form.dropdown{margin:5px 0 10px}.label{color:#fff;font-family:Sigmar One;font-size:15px;margin-right:auto;padding:.25rem .25rem 0}.email-login-button{border:none;border-radius:5px;box-shadow:1px 1px 1px #000;cursor:pointer;font-family:Raleway;font-size:14px;font-weight:500;margin:1rem;padding:.75rem 2rem;width:190px}.email-login-button:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.homepage-info{align-items:center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="750" fill="none" viewBox="0 0 3500 2250"><g><path fill="%23F5F5F5" d="M802.691 79.42C1962.18 600.774 2309.06 211.828 2841.35 342.732c532.28 130.904-6.24 475.759 649.08 1193.298 655.32 717.53-2699.942 238.15-3112.675 238.15-412.732 0-734.553-2216.115 424.936-1694.76Z"/></g></svg>');background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:90vh;justify-content:center;margin:1rem 0;width:100vw}.about-section{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="3000" height="2500" fill="none" viewBox="0 0 3250 2000"><g><path fill="%23F5F5F5" d="M802.691 79.42C1962.18 600.774 2309.06 211.828 2841.35 342.732c532.28 130.904-6.24 475.759 649.08 1193.298 655.32 717.53-2699.942 238.15-3112.675 238.15-412.732 0-734.553-2216.115 424.936-1694.76Z"/></g></svg>')}.about-section,.contact-section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center;margin:1rem 0;width:100%}.contact-section{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="150" fill="none" viewBox="0 0 300 300"><g><path fill="%23F5F5F5" d="M802.691 79.42C1962.18 600.774 2309.06 211.828 2841.35 342.732c532.28 130.904-6.24 475.759 649.08 1193.298 655.32 717.53-2699.942 238.15-3112.675 238.15-412.732 0-734.553-2216.115 424.936-1694.76Z"/></g></svg>')}.homepage-info.svg-2{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="650" fill="none" viewBox="0 0 4000 2500"><g><path fill="%23F5F5F5" d="M929.165 1911.67C-778.218 1605.2 323.404 72.157 669.669 145.463 1015.93 218.77 1973.77 513.53 3209.28 72.157c1235.51-441.373 394.6 1262.893 0 1839.513-531.08 776.03-1474.77 144.55-2280.115 0Z"/></g></svg>')}.homepage-info.footer-svg,.homepage-info.svg-2{background-position:50%;background-repeat:no-repeat;background-size:cover}.homepage-info.footer-svg{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="650" fill="none" viewBox="0 0 3000 500"><g><path fill="%23F5F5F5" d="M929.165 1911.67C-778.218 1605.2 323.404 72.157 669.669 145.463 1015.93 218.77 1973.77 513.53 3209.28 72.157c1235.51-441.373 394.6 1262.893 0 1839.513-531.08 776.03-1474.77 144.55-2280.115 0Z"/></g></svg>')}.homepage-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}.action-button{align-items:center;background-color:#33768b;border:none;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;cursor:pointer;display:flex;font-family:Sigmar One,sans-serif;font-size:30px;height:40px;margin-bottom:0;margin-left:auto;margin-top:0;padding:20px 120px 20px 20px;text-decoration:none;width:auto}.action-button:hover{box-shadow:0 8px 8px rgba(0,0,0,.5)}.footer-item{color:#000;font-family:Raleway;font-size:18px;margin:2rem;text-decoration:none}.footer-item:hover{color:#33768b}h1.homepage-header-custom,h3.homepage-header-custom{font-size:70px}a.action-button{font-size:28px}h1.homepage-header-custom.small,h3.homepage-header-custom.small{font-size:50px}.image-action-container{margin-left:auto;margin-right:4rem;position:relative}.footer-container{margin-bottom:1.5rem;margin-top:auto}.copyright-text{color:#4a5568;font-family:Raleway;font-size:.875rem;margin-top:2.5rem}.copyright-text,.header-info-container{margin-bottom:2rem}@media screen and (max-width:768px){.homepage-content{margin-left:2rem;width:75%}.header-info-container{margin-top:4rem}h1.homepage-header-custom.large,h3.homepage-header-custom.large{font-size:40px}a.action-button{font-size:22px}h1.homepage-header-custom.small,h3.homepage-header-custom.small{font-size:30px}.image-action-container{margin-right:0}.footer-container{margin-bottom:.5rem}.copyright-text{margin-bottom:1rem;margin-top:1.5rem}}@media screen and (min-width:768px) and (max-width:1024px){.homepage-content{margin-left:2rem;width:60%}.header-info-container{margin-top:2rem}h1.homepage-header-custom{font-size:45px;margin-left:0}h3.homepage-header-custom{font-size:45px}a.action-button{font-size:24px}h1.homepage-header-custom.small,h3.homepage-header-custom.small{font-size:35px}.image-action-container{margin-right:2rem}}.info-text{background:#206678;border-radius:50px;color:#fff;-webkit-filter:drop-shadow(2px 4px 6px #000);filter:drop-shadow(2px 4px 6px black);font-family:Raleway;font-size:18px;font-weight:300;letter-spacing:1px;line-height:1.75rem;margin-bottom:2rem;padding:4rem}.info-text>a{color:#fff;font-weight:500;text-decoration:underline}.about-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}@media screen and (max-width:768px){.about-content{width:100%}.info-text{padding:2.5rem}}
/*# sourceMappingURL=main.587f78bf.css.map*/