html{font-family:Inter,sans-serif}body{margin:0}#app{padding:1rem 5rem;background:#1b1b1b;min-height:100vh;padding-bottom:4rem}@media (max-width:1600px){#app{padding:1rem 1rem}}.compliment-card{display:flex;align-items:center;width:100%;height:100%;padding:.5rem 2rem .5rem 0;font-size:1.5rem;line-height:1.6;text-decoration:none;color:#777;transition:.3s ease;transition-delay:.15s}.compliments li:nth-child(1n) a:hover{transition:.2s ease;color:#6dff63;transition-delay:0}.compliments li:nth-child(2n) a:hover{transition:.2s ease;color:#dcff63;transition-delay:0}.compliments li:nth-child(3n) a:hover{transition:.2s ease;color:#63fff5;transition-delay:0}@media(max-width:1600px){.compliment-card{font-size:1.2rem;line-height:1.2}}#home-page{width:100%}#home-page header h1{font-family:Roboto Slab;font-size:5.5rem;font-weight:500;margin-top:1rem;margin-bottom:0;color:#6dff63}#home-page .content-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}#home-page form input{font-family:inherit;background:#1b1b1b;color:#d3d3d3;outline:none;border:none;width:25%;min-width:300px;font-size:1.2rem;border-bottom:1px solid #939393;padding-bottom:.4rem}#home-page form input:focus{border-bottom-color:#d3d3d3}#home-page form input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:0;height:0;border-bottom:15px solid red;border-right:15px solid transparent}#home-page .compliments{width:65%}#home-page .compliments h2{font-size:1.6rem;font-weight:500;color:#444;margin-top:1rem;color:#939393}#home-page .compliments ol{display:grid;grid-template-columns:repeat(2,1fr);gap:0 2rem;list-style:none;margin:0!important;padding:0!important}#home-page .thewhy{width:35%}#home-page .thewhy figure.g{color:#6dff63}#home-page .thewhy figure.y{color:#dcff63}#home-page .thewhy figure.b{color:#63fff5}#home-page .thewhy img{margin:0 .5rem 0 .5rem}#home-page .thewhy figcaption{display:block;padding:.5rem;margin-bottom:3rem;font-weight:700;text-align:center;font-size:1.8rem}@media(max-width:1600px){#home-page .compliments ol{gap:0 1rem}}@media(max-width:1200px){#home-page header h1{font-size:3.5rem}#home-page .compliments h2{font-size:1.2rem}#home-page .thewhy figcaption{font-size:1.4rem}}@media(max-width:960px){#home-page .compliments{width:50%}#home-page .compliments ol{grid-template-columns:repeat(1,1fr)}#home-page .thewhy{width:50%}#home-page .thewhy figcaption{font-size:1.2rem}}@media(max-width:800px){#home-page header h1{font-size:2.5rem}#home-page .compliments h2{font-size:1rem}}@media(max-width:680px){#home-page .compliments{width:100%}#home-page .compliments ol{width:100%;height:370px;border-bottom:2px dashed #444;padding-bottom:1rem;overflow:hidden;overflow-y:scroll}#home-page .thewhy{width:100%;padding-top:2rem;display:flex;flex-wrap:wrap;justify-content:center}#home-page .thewhy figure{width:calc(50% - 2rem);display:block;margin:1rem}#home-page .thewhy figure img{margin:0}#home-page .thewhy figcaption{font-size:1rem}}@media(max-width:460px){#home-page header h1{font-size:1.8rem}#home-page .thewhy figure{width:calc(100% - 2rem)}}@media(max-width:400px){#home-page header h1{font-size:1.4rem}}#compliment-modal[data-v-6e80f154]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(27,27,27,.75);opacity:0;pointer-events:all;transition:opacity .3s ease}#compliment-modal.showing[data-v-6e80f154]{pointer-events:all;opacity:1}#compliment-modal #modal-content[data-v-6e80f154]{text-align:left;color:#939393;width:45%;height:auto;padding:2rem;border-radius:.5rem;background:rgba(43,43,43,.99)}#compliment-modal #modal-content h1[data-v-6e80f154]{margin:0;margin-bottom:1rem;font-size:3rem;font-family:Roboto Slab,sans-serif;color:#d3d3d3}#compliment-modal #modal-content h2[data-v-6e80f154]{font-size:1.4rem;font-weight:500;line-height:1.5}#compliment-modal #modal-content h2 .b[data-v-6e80f154]{color:#63fff5}#compliment-modal #modal-content h2 .g[data-v-6e80f154]{color:#6dff63}#compliment-modal #modal-content form[data-v-6e80f154]{display:flex;flex-direction:column}#compliment-modal #modal-content form input[data-v-6e80f154],#compliment-modal #modal-content form label[data-v-6e80f154]{font-family:inherit;color:inherit;min-width:200px}#compliment-modal #modal-content form>input[data-v-6e80f154],#compliment-modal #modal-content form>label[data-v-6e80f154]{display:block;margin:.5rem 0}#compliment-modal #modal-content form input[type=text][data-v-6e80f154]{color:#dcff63}#compliment-modal #modal-content form input[type=text][data-v-6e80f154]::-moz-placeholder{color:#dcff63;opacity:.7}#compliment-modal #modal-content form input[type=text][data-v-6e80f154]::placeholder{color:#dcff63;opacity:.7}#compliment-modal #modal-content form nav[data-v-6e80f154]{margin-top:2rem;display:flex}#compliment-modal #modal-content form nav a[data-v-6e80f154],#compliment-modal #modal-content form nav input[type=submit][data-v-6e80f154]{padding:.5rem 1rem}#compliment-modal #modal-content form nav input[type=submit][data-v-6e80f154]{cursor:pointer;border:0;color:#1b1b1b;font-weight:700;background:#63fff5}#compliment-modal #modal-content form nav input[type=submit][data-v-6e80f154]:hover{background:#6dff63}#compliment-modal #modal-content form nav a[data-v-6e80f154]{text-decoration:none;color:#d3d3d3}#compliment-modal #modal-content #response-message[data-v-6e80f154]{margin-top:1rem}#compliment-modal #modal-content #response-message span[data-v-6e80f154]{color:#939393}#compliment-modal #modal-content #response-message span.error[data-v-6e80f154]{color:red}#compliment-modal #modal-content #response-message span.success[data-v-6e80f154]{color:#6dff63}@media(max-width:1400px){#compliment-modal #modal-content[data-v-6e80f154]{width:65%}}@media(max-width:1200px){#compliment-modal #modal-content h1[data-v-6e80f154]{font-size:2.5rem}}@media(max-width:960px){#compliment-modal #modal-content[data-v-6e80f154]{width:80%}}@media(max-width:1200px){#compliment-modal #modal-content h1[data-v-6e80f154]{font-size:1.8rem}#compliment-modal #modal-content h2[data-v-6e80f154]{font-size:1.2rem}}@media(max-width:460px){#compliment-modal #modal-content h1[data-v-6e80f154]{font-size:1.4rem}#compliment-modal #modal-content h2[data-v-6e80f154]{font-size:1rem}}@media(max-width:360px){#compliment-modal #modal-content[data-v-6e80f154]{padding:2rem 1rem;width:100%;border-radius:0}}*{-webkit-appearance:none}form input[type=search],form input[type=text]{font-family:inherit;background:transparent;color:#d3d3d3;outline:none;border:none;border-radius:0;width:25%;font-size:1.2rem;border-bottom:1px solid #939393;padding-bottom:.4rem}form input[type=search]:focus,form input[type=text]:focus{border-bottom-color:#d3d3d3}iframe,img{max-width:100%}