/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.modal-enter-active{-webkit-transition:opacity .5s cubic-bezier(.645,.045,.355,1);transition:opacity .5s cubic-bezier(.645,.045,.355,1)}.modal-enter-active .modal-body{-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.modal-leave-active{-webkit-transition:opacity .3s cubic-bezier(.645,.045,.355,1);transition:opacity .3s cubic-bezier(.645,.045,.355,1)}.modal-leave-active .modal-body{-webkit-transition:none;transition:none}.modal-enter,.modal-leave-to{opacity:0}.modal-enter .modal-body,.modal-leave-to .modal-body{-webkit-transform:scale(0);transform:scale(0)}html{line-height:unset}h1,h4{margin-bottom:0;margin-top:0}h1{font-family:Hind,Helvetica,sans-serif;font-size:5rem;font-weight:700;line-height:1.2}h4{font-family:Montserrat,Verdana,sans-serif;font-size:2rem;font-weight:200}h4 .bold{font-weight:500}#app-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:absolute;overflow:auto;top:0;right:0;bottom:0;left:0}.left-container{-webkit-box-flex:0;-ms-flex:0 0 18.75%;flex:0 0 18.75%}.main-content{-ms-flex-item-align:center;align-self:center;-webkit-box-flex:0;-ms-flex:0 0 57.5%;flex:0 0 57.5%}.right-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.content-section{margin-bottom:7.5rem}@media screen and (min-width:768px){.left-container{-webkit-box-flex:0;-ms-flex:0 0 19.53%;flex:0 0 19.53%}.main-content{-webkit-box-flex:0;-ms-flex:0 0 52.2135%;flex:0 0 52.2135%}}@media screen and (min-width:960px){.left-container{-webkit-box-flex:0;-ms-flex:0 0 15.625%;flex:0 0 15.625%}.main-content{-webkit-box-flex:0;-ms-flex:0 0 56.77%;flex:0 0 56.77%}.content-section{margin-bottom:10rem}}@media screen and (min-width:1280px){.left-container{width:13.28125%}.main-content{width:58.2%}}@media screen and (min-width:1690px){.left-container{width:10.059%}.main-content{width:59.76%}.content-section{margin-bottom:15rem}}.typing-block{display:inline-block}.typing-block .cursor{-webkit-animation:blink .5s infinite;animation:blink .5s infinite;opacity:0}@-webkit-keyframes blink{to{opacity:1}}@keyframes blink{to{opacity:1}}#home{width:100%}#theme-button[data-v-14cdc147],.round-button[data-v-74dad1c0]{border-radius:1.5625rem;cursor:pointer;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:3.125rem;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#actions[data-v-839ff2ba],#theme-button[data-v-14cdc147],.round-button[data-v-74dad1c0]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;width:3.125rem}#actions[data-v-839ff2ba]{bottom:2.875rem;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:2.875rem;position:absolute}.basic-btn[data-v-4115db7a]{background-color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-family:Montserrat,Verdana,sans-serif;font-size:.85rem;font-weight:400;padding:.75em;margin:.53em .25em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.basic-btn[data-v-4115db7a]:focus{outline:none}.basic-btn[data-v-4115db7a]:hover{background-color:#efefef}.snippet{border-radius:6px;cursor:pointer;display:inline-block;height:8px;margin-bottom:6px;margin-right:10px;-webkit-transition:all 50ms linear;transition:all 50ms linear}.snippet:hover{-webkit-transform:scale(1.3,1.5);transform:scale(1.3,1.5)}.vc-chrome{-webkit-box-shadow:none!important;box-shadow:none!important}.tippy-tooltip.picker-theme{background-color:#fff;-webkit-box-shadow:2px 2px 20px rgba(0,0,0,.25);box-shadow:2px 2px 20px rgba(0,0,0,.25);padding:0}.tippy-tooltip.picker-theme .tippy-arrow{border-top-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.picker-theme .tippy-arrow{border-bottom-color:#fff}.snippet-block[data-v-7d696458]{width:320px}#code-strip[data-v-33d4213c]{margin-left:8.125rem}[data-v-0ec3b30b]{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.wrapper[data-v-0ec3b30b]{background-color:snow;color:#2f4f4f;display:inline-block;font-family:monospace;position:absolute;top:0;right:0;bottom:0;left:0}.list-container[data-v-0ec3b30b],fieldset[data-v-0ec3b30b]{background-color:#fff;border-radius:.3rem;margin:3rem auto;padding:1rem;width:90%;max-width:675px;min-width:400px}legend[data-v-0ec3b30b]{font-size:2rem}.form-group[data-v-0ec3b30b]{margin-top:1rem}label[data-v-0ec3b30b]{font-size:1.45rem;display:block;padding-bottom:.25rem}input[type=number][data-v-0ec3b30b]{text-align:right}input[type=number][data-v-0ec3b30b]:focus,input[type=text][data-v-0ec3b30b]:focus{outline:3px solid #789}input[type=number][data-v-0ec3b30b],input[type=text][data-v-0ec3b30b]{font-family:monospace;font-size:2rem;padding:.75rem;width:100%}.length-group[data-v-0ec3b30b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.length-input[data-v-0ec3b30b]{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.checkbox[data-v-0ec3b30b]{-ms-flex-preferred-size:auto;flex-basis:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:.5rem;padding-bottom:.15rem;float:right}input.toggle-switch[data-v-0ec3b30b]:focus{outline:3px solid #789}input.toggle-switch[data-v-0ec3b30b]{position:relative;-webkit-appearance:none;outline:none;width:100px;height:60px;background-color:#fff;border:2px solid #2f4f4f;-webkit-box-shadow:inset -40px 0 0 0 #2f4f4f;box-shadow:inset -40px 0 0 0 #2f4f4f}input.toggle-switch[data-v-0ec3b30b]:after{font-size:1.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;content:"in";font-family:monospace;position:absolute;top:2px;left:2px;background:transparent;width:52px;height:52px;border-radius:50%}input.toggle-switch[data-v-0ec3b30b]:checked{-webkit-box-shadow:inset 40px 0 0 0 #2f4f4f;box-shadow:inset 40px 0 0 0 #2f4f4f;border-color:#2f4f4f}input.toggle-switch[data-v-0ec3b30b]:checked:after{font-size:1.75rem;font-family:monospace;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;content:"ft";left:40px}output[data-v-0ec3b30b]{font-family:monospace;font-size:2rem;margin-top:2rem;margin-right:2rem;width:100%}output>span[data-v-0ec3b30b]{display:block;text-align:right;width:100%}output>button[data-v-0ec3b30b]{border:1px solid #000;border-radius:3px;-webkit-box-shadow:4px 4px #000;box-shadow:4px 4px #000;display:block;margin-top:1.5rem;margin-bottom:-1.75rem;padding:8px 16px;width:100%}output>button[data-v-0ec3b30b]:hover{outline:purple;-webkit-box-shadow:3px 3px #000;box-shadow:3px 3px #000}output>button[data-v-0ec3b30b]:focus{outline:#f5f5f5;-webkit-box-shadow:3px 3px #000;box-shadow:3px 3px #000}output>button[data-v-0ec3b30b]:active{-webkit-box-shadow:none;box-shadow:none}output>button[data-v-0ec3b30b]:disabled{background-color:#f5f5f5}.list-container>ul[data-v-0ec3b30b]{list-style:none}.list-container li[data-v-0ec3b30b],.list-container p[data-v-0ec3b30b]{border:2px dashed #dcdcdc;margin-top:.75rem;margin-bottom:.75rem;padding:1rem;font-size:1.5rem}.list-container li[data-v-0ec3b30b],.list-container li span[data-v-0ec3b30b]:last-of-type,.list-container p[data-v-0ec3b30b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.list-container li span[data-v-0ec3b30b]:last-of-type{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-container li span span[data-v-0ec3b30b]{padding:0 1rem}.list-container li[data-v-0ec3b30b]:last-of-type{border:none;border-top:3px solid #000;margin-top:1.5rem;margin-bottom:0}