*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}:root{font-size:1em}html{-webkit-box-sizing:border-box;box-sizing:border-box}body{line-height:1.5;font-family:Montserrat,sans-serif;background-color:#fdfdfd;color:#21201d}main{min-height:calc(100vh - 17.5em)}button:hover{cursor:pointer}a{text-decoration:none;color:#06aed5;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;font-weight:600}a:focus,a:hover{color:#086788}.logo{margin:0;font-family:Fredoka One,sans-serif;font-weight:700;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}.logo-d,.logo-i{color:#06aed5}.logo-e,.logo-p{color:#086788}.logo-s,.logo-v{color:#160f29}.logo-S{color:#380036}.logo-n{color:#361134}header a{font-weight:700;text-transform:capitalize}main{margin:0 4%}.banner-logo{text-align:center;font-size:1.6rem;padding:1.2em}@media (min-width:40em){.banner-logo{font-size:2rem;padding:1.4em 6%}}@media (min-width:48em){.banner-logo{font-size:2.4rem;padding:1.4em 8%}}@media (min-width:64em){.banner-logo{font-size:2.8rem;padding:1.6em 10%}.logo{font-size:2.5em}}@media (min-width:94em){.banner-logo{padding:1.6em 12%}.logo{font-size:2.8em}}.landing-header{font-size:1.1rem;font-weight:700;padding:1em 4%;text-align:right}@media (min-width:40em){.landing-header{font-size:1.5rem;padding:1.4em 6%}}@media (min-width:48em){.landing-header{font-size:1.7rem;padding:1.4em 8%}}@media (min-width:64em){.landing-header{font-size:1.8rem;padding:1.6em 10%}}@media (min-width:94em){.landing-header{font-size:2rem;padding:1.6em 12%}}.hide{display:none}.login-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:1.5em auto 0;padding:0 4%;max-width:35em;font-size:1.2rem}.demo-btn{max-width:5em;margin:0 auto 1em;padding:.4em .6em;border-radius:.2em;background-color:#06aed5;color:#fdfdfd;border:1px solid #06aed5;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.demo-btn:focus,.demo-btn:hover{background-color:#086788;border:1px solid #086788}.login-err-msg{color:red;font-weight:700;margin:0}.demo-creds-wrapper{border:2px solid #06aed5;padding:1.25em;max-width:15em;margin:0 auto 1.5em}.demo-creds-title{text-align:center;margin-top:0}.demo-creds-wrapper p{margin:0!important}.login-label{-ms-flex-item-align:center;align-self:center;text-transform:uppercase;font-weight:600}.login-input{padding:.6em .8em;color:#06aed5;margin-bottom:1em;font-size:.9em}.login-label{color:#21201d;margin-bottom:.5em}.login-input::-webkit-input-placeholder{color:#06aed5}.login-input::-moz-placeholder{color:#06aed5}.login-input:-ms-input-placeholder{color:#06aed5}.login-input:-moz-placeholder{color:#06aed5}.login-btn{margin-top:.6em;text-transform:uppercase;padding:.6em .8em;background-color:#06aed5;color:#fdfdfd;border:none;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.login-btn:focus,.login-btn:hover{background-color:#086788}.login-input{border:1px solid #086788}.login-btn,.login-input{border-radius:.2em}.login-form p{font-size:.8em;text-align:center;margin:1em 0 0}@media (min-width:40em){.login-form{font-size:1.4rem;padding:1.4em 6%}}@media (min-width:48em){.login-form{font-size:1.6rem;padding:1.4em 12%}}@media (min-width:64em){.login-form{margin:.4em auto 0;font-size:1.7rem;padding:1.6em 14%}.login-btn{font-size:.9em;width:8em;-ms-flex-item-align:end;align-self:flex-end;margin-top:-.2em}}@media (min-width:94em){.login-form{margin:.2em auto 0;font-size:1.8rem;padding:1.6em 16%}}.homepage-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:1.2em 4%;font-size:1.6rem;margin-bottom:2.2em}.homepage-logo{-ms-flex-order:2;order:2;text-align:center;margin-top:1.4em}.sign-out-btn{-ms-flex-item-align:end;align-self:flex-end;font-size:.6em;color:#fdfdfd;background-color:#ff6b6c;padding:.4em .6em;border:none;border-radius:.2em;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.sign-out-btn:focus,.sign-out-btn:hover{background-color:#ca1c1c}@media (min-width:40em){.homepage-header{font-size:2rem;padding:1.4em 6%}.homepage-logo{font-size:2.5em}}@media (min-width:48em){.homepage-header{font-size:2.2rem;padding:1.4em 8%}.homepage-logo{font-size:2.7em}}@media (min-width:64em){.homepage-header{font-size:2.5rem;padding:1.6em 12%}.homepage-logo{font-size:3em}}@media (min-width:94em){.homepage-header{padding:1.6em 14%}.homepage-logo{font-size:3.2em}}.about-header{font-size:1.1em;font-weight:700;padding:1em 4%;text-align:right}@media (min-width:40em){.about-header{font-size:1.5rem;padding:1.4em 6%}}@media (min-width:48em){.about-header{font-size:1.7rem;padding:1.4em 8%}}@media (min-width:64em){.about-header{font-size:1.8rem;padding:1.6em 10%}}@media (min-width:94em){.about-header{font-size:2rem;padding:1.6em 12%}}.db-err-msg{text-align:center;color:red}.registration-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:1.5em auto 0;padding:0 4%;max-width:38em;font-size:1.2rem}.registration-label{-ms-flex-item-align:center;align-self:center;text-transform:uppercase;font-weight:600}.registration-input{padding:.6em .8em;color:#06aed5;margin-bottom:1em;font-size:.9em}.registration-label{color:#21201d;margin-bottom:.5em}.registration-input::-webkit-input-placeholder{color:#06aed5}.registration-input::-moz-placeholder{color:#06aed5}.registration-input:-ms-input-placeholder{color:#06aed5}.registration-input:-moz-placeholder{color:#06aed5}.registration-btn{margin-top:.6em;text-transform:uppercase;padding:.6em .8em;background-color:#06aed5;color:#fdfdfd;border:none;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.registration-btn:focus,.registration-btn:hover{background-color:#086788}.registration-input{border:1px solid #086788}.registration-btn,.registration-input{border-radius:.2em}.registration-form p{font-size:.8em;text-align:center;margin:1em 0 0}@media (min-width:40em){.registration-form{font-size:1.4rem;padding:1.4em 6%}}@media (min-width:48em){.registration-form{font-size:1.6rem;padding:1.4em 12%}}@media (min-width:64em){.registration-form{margin:.4em auto 0;font-size:1.7rem;padding:1.6em 16%}.registration-btn{font-size:.9em;width:8em;-ms-flex-item-align:end;align-self:flex-end;margin-top:-.2em}}@media (min-width:94em){.registration-form{margin:.2em auto 0;font-size:1.8rem}.registration-btn{width:7em}}.main-footer{font-size:.9rem}.copyright-text{text-align:center}@media (min-width:40em){.main-footer{font-size:1rem}}@media (min-width:64em){.main-footer{font-size:1.1rem;padding:1.6em 14%}}.new-snip{background-color:#21201d;margin-bottom:3.5em}.new-snip-header{display:-ms-flexbox;display:flex}.new-snip-title-container{padding:.6em .8em;width:75%}.new-snip-title{margin:0;width:100%}.new-delete-snip-btn-container{margin-left:auto}.new-delete-snip-btn{color:#fdfdfd;font-size:.8em;background-color:#ff6b6c;padding:.4em .6em;border:1px solid #ff6b6c;border-radius:.2em;border-top-right-radius:0;-webkit-transition:background-color .2s ease-in-out,border .2s ease-in-out;-o-transition:background-color .2s ease-in-out,border .2s ease-in-out;transition:background-color .2s ease-in-out,border .2s ease-in-out}.new-delete-snip-btn:focus,.new-delete-snip-btn:hover{background-color:#ca1c1c;border:1px solid #ca1c1c}.new-snip-body-container{padding:0 .8em;font-size:1.1em}.new-snip-body{width:100%;height:15em}.new-snip-footer{padding:.6em .8em}.new-snip-submit-controls{text-align:right;margin-right:.4em}.new-snip-submit-btn{color:#fdfdfd;font-size:.8em;background-color:#06aed5;padding:.2em .6em;border:1px solid #06aed5;border-radius:.2em;-webkit-transition:background-color .2s ease-in-out,border .2s ease-in-out;-o-transition:background-color .2s ease-in-out,border .2s ease-in-out;transition:background-color .2s ease-in-out,border .2s ease-in-out}.new-snip-submit-btn:focus,.new-snip-submit-btn:hover{background-color:#086788;border:1px solid #086788}.new-snip-body,.new-snip-title{padding:.4em .6em}.snip{background-color:#21201d;color:#bbcea8;margin-bottom:3.5em}.snip-header{display:-ms-flexbox;display:flex}.snip-title-container{padding:.6em .8em}.snip-title{margin:0;color:#fdfdfd;font-size:1.75em}.delete-snip-btn-container{margin-left:auto}.delete-snip-btn{color:#fdfdfd;font-size:.8em;background-color:#ff6b6c;padding:.4em .6em;border:1px solid #ff6b6c;border-radius:.2em;border-top-right-radius:0;-webkit-transition:background-color .2s ease-in-out,border .2s ease-in-out;-o-transition:background-color .2s ease-in-out,border .2s ease-in-out;transition:background-color .2s ease-in-out,border .2s ease-in-out}.delete-snip-btn:focus,.delete-snip-btn:hover{background-color:#ca1c1c;border:1px solid #ca1c1c}.snip-body-container{padding:0 .8em;font-size:1.1em}.snip code{color:#ffc145;font-size:.875em;font-family:Inconsolata,sans-serif}.snip-footer{padding:.6em .8em}.snip-submit-controls{text-align:right;margin-right:.4em}.snip-submit-btn:focus,.snip-submit-btn:hover{background-color:#086788;border:1px solid #086788}.snip-section{font-size:1rem;margin:1.5em auto 0;max-width:42em}.new-snip-btn-container{text-align:right}.new-snip-btn{font-size:1em;color:#fdfdfd;background-color:#06aed5;padding:.4em .6em;border:none;border-radius:.2em;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;margin-bottom:1.5em}.new-snip-btn:focus,.new-snip-btn:hover{background-color:#086788}.snips-list{list-style:none;padding:0;margin:0 4%}@media (min-width:40em){.snip-section{font-size:1.4rem}}@media (min-width:48em){.snip-section{font-size:1.6rem}}@media (min-width:64em){.snips-list{margin:0 8%}}.welcome-container{background:#21201d;font-size:1.1em;padding:.6em .8em;color:#bbcea8;border-radius:.4em;margin:0 auto;max-width:30em}@media (min-width:40em){.welcome-container{font-size:1.4rem;padding:1.4em 6%}}@media (min-width:48em){.welcome-container{font-size:1.6rem;padding:1.4em 8%}}@media (min-width:64em){.welcome-container{font-size:1.8rem;padding:1.4em 12%}}@media (min-width:94em){.welcome-container{font-size:2rem;padding:1.4em 6%}}
/*# sourceMappingURL=main.0d72f03d.css.map*/