@import url(https://fonts.googleapis.com/css2?family=Lobster+Two:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Nunito:wght@200;300;400;600;700;800;900&display=swap);header[data-v-24de5da1]{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;font-family:Montserrat,monospace;border-bottom:1px solid rgba(0,0,0,.25098039215686274);max-width:1200px;margin:0 auto;padding:10px}@media screen and (max-width:600px){header[data-v-24de5da1]{transition:all .3s ease;height:65px;overflow:hidden}header.active[data-v-24de5da1]{height:160px}}header .logo[data-v-24de5da1]{text-decoration:none!important;margin:0;padding:0;font-size:2rem;letter-spacing:.1rem;font-weight:700;color:#000;word-spacing:-10px;white-space:nowrap}header .logo span[data-v-24de5da1]{color:#ff3e4d}header ul[data-v-24de5da1]{margin:0;padding:0;list-style:none;display:flex}@media screen and (max-width:600px){header ul[data-v-24de5da1]{display:none;width:100vw;opacity:0;transition:all .3s ease}header ul.active[data-v-24de5da1]{display:block;opacity:1}header ul.active li[data-v-24de5da1]{margin:20px 0;text-align:center}}header ul li[data-v-24de5da1]{display:block;margin:0 15px}header ul li a[data-v-24de5da1]{text-decoration:none;padding:5px 8px;border-radius:10px 4px;font-weight:500;color:#000;transition:all .1s ease}header ul li a.router-link-exact-active[data-v-24de5da1]{color:#e71c23}header ul li a[data-v-24de5da1]:hover:not(.router-link-exact-active){color:#fff;background:#192a56}header .bars[data-v-24de5da1]{display:block;background:#fff;border:none;outline:none}@media screen and (min-width:601px){header .bars[data-v-24de5da1]{display:none}}header .bars div[data-v-24de5da1]{width:1.5rem;height:.2rem;background:#000;margin:5px 0}*{box-sizing:border-box}body{margin:0}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.icons[data-v-0be0fdb2]{display:flex;justify-content:center;margin:30px 0 10px}@media screen and (max-width:600px){.icons[data-v-0be0fdb2]{justify-content:space-around;flex-direction:row}}.icons img[data-v-0be0fdb2]{margin:0 20px}section[data-v-049dac2a]{display:grid;place-content:center;height:90vh}section h1[data-v-049dac2a]{font-size:2rem;font-family:Lobster Two,cursive}@media screen and (max-width:600px){section h1[data-v-049dac2a]{font-size:1.5rem}}section h1 span[data-v-049dac2a]{font-size:4rem;text-decoration:underline;white-space:nowrap;color:#ff4848;margin:10px 0}@media screen and (max-width:600px){section h1 span[data-v-049dac2a]{font-size:2.5rem}}section h1+p[data-v-049dac2a]{font-family:Roboto Mono,monospace;font-size:1.5rem}@media screen and (max-width:600px){section h1+p[data-v-049dac2a]{font-size:1.3rem}}section h1+p+button[data-v-049dac2a]{margin-top:1rem;border:none;outline:none;font-size:1.2rem;background:#ff3e4d;padding:10px 15px;border-radius:10px 5px;color:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.18823529411764706);transition:background .2s ease-in;cursor:pointer}section h1+p+button[data-v-049dac2a]:hover{background:#d70011}section>div[data-v-049dac2a]{display:flex;align-items:center}@media screen and (max-width:600px){section>div div.image-div[data-v-049dac2a]{order:1}}@media screen and (max-width:600px){section>div div.content[data-v-049dac2a]{order:2;text-align:center}}section>div div img[data-v-049dac2a]{width:40vmin;margin:10px 20px}@media screen and (max-width:600px){section>div[data-v-049dac2a]{flex-direction:column}}.intro[data-v-48a7c9a4]{display:flex;max-width:1000px;margin:50px auto;padding:10px}.intro .content[data-v-48a7c9a4]{padding:0 50px;margin:auto}.intro .content h1[data-v-48a7c9a4]{font-size:3rem;margin:0;padding:0;margin-bottom:10px;font-family:Montserrat,sans-serif;text-decoration:underline;color:#ff3e4d}.intro .content p[data-v-48a7c9a4]{font-family:Nunito,sans-serif}.intro .content p.intro[data-v-48a7c9a4]{font-size:1.5rem;margin:17px 0}.intro .image-wrapper img[data-v-48a7c9a4]{width:100%;height:500px;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:769px){.intro[data-v-48a7c9a4]{margin:0}.intro .content[data-v-48a7c9a4]{padding:0 20px}.intro .content h1[data-v-48a7c9a4]{font-size:2.5rem;text-align:center}.intro .content p.intro[data-v-48a7c9a4]{font-size:1.3rem;text-align:center;margin:10px 0}}@media screen and (max-width:600px){.intro[data-v-48a7c9a4]{flex-direction:column}.intro .content[data-v-48a7c9a4]{order:2;padding:0 10px}.intro .content h1[data-v-48a7c9a4]{font-size:2rem}.intro .content p.intro[data-v-48a7c9a4]{margin:8px 0}.intro .image-wrapper[data-v-48a7c9a4]{order:1}.intro .image-wrapper img[data-v-48a7c9a4]{height:250px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}}.code[data-v-8ebddbc0]{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto;font-family:Montserrat,sans-serif;padding:30px}.code h3[data-v-8ebddbc0]{font-size:2rem;text-transform:uppercase;margin:0;padding:0;margin-top:130px;text-align:center}.code ul[data-v-8ebddbc0]{list-style:none;margin:0;padding:0}.code ul li[data-v-8ebddbc0]{text-align:center;margin:20px 0}.code img[data-v-8ebddbc0]{filter:drop-shadow(0 0 10px rgba(0,0,0,.313725));max-width:400px}@media screen and (max-width:769px){.code img[data-v-8ebddbc0]{width:300px;margin:-10px}.code h3[data-v-8ebddbc0]{font-size:1.5rem;margin-top:70px}}@media screen and (max-width:600px){.code[data-v-8ebddbc0]{flex-direction:column}.code img[data-v-8ebddbc0]{width:100%;margin:0}.code h3[data-v-8ebddbc0]{font-size:1.5rem;margin-top:unset}}.wrapper[data-v-6dac65b1]{font-family:Montserrat,sans-serif;max-width:1000px;margin:0 auto 100px}.wrapper h2[data-v-6dac65b1]{text-align:center;margin:0;padding:0}.wrapper ul[data-v-6dac65b1]{list-style:none;margin:0;padding:0 20px}.wrapper ul li[data-v-6dac65b1]{text-align:center;margin:20px 0;display:flex;justify-content:space-between;flex-direction:column}.wrapper ul li .bar[data-v-6dac65b1]{width:100%;height:10px;background:#dae0e2;margin:10px 0;position:relative}.wrapper ul li .bar .indicator[data-v-6dac65b1]{height:100%;background:#ff3e4d;position:relative}.wrapper ul li .bar .indicator .point[data-v-6dac65b1]{position:absolute;right:-1.1rem;background-color:#2f363f;color:#fff;padding:5px;font-size:.8rem;top:200%}.wrapper ul li .bar .indicator .point[data-v-6dac65b1]:before{position:absolute;content:"";width:15px;height:10px;background-color:#2f363f;bottom:100%;left:50%;transform:translateX(-50%);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}@media screen and (min-width:600px){.wrapper ul li[data-v-6dac65b1]{flex-direction:row;padding:10px 50px}.wrapper ul li .bar[data-v-6dac65b1]{width:50vmin}}.card[data-v-2eceab2a]{margin:10px;box-shadow:0 0 12px 0 rgba(0,0,0,.3137254901960784);background:#fff;font-family:Montserrat,monospace}.card .image__box img[data-v-2eceab2a]{width:300px;max-height:170px;-o-object-fit:cover;object-fit:cover}.card .card__detail[data-v-2eceab2a]{text-align:center;transition:all .3s ease-in;padding-top:10px}.card .card__detail .btns[data-v-2eceab2a]{display:flex;justify-content:space-around}.card .card__detail .btns .btn[data-v-2eceab2a]{background:#3c40c6;color:#fff;border:none;outline:none;text-decoration:none;margin:10px;padding:8px 10px;cursor:pointer}.card .card__detail .btns .btn[data-v-2eceab2a]:hover{background:#6367d2}.card[data-v-2eceab2a]:hover{background:#e6e6e6}section[data-v-17c777a2]{max-width:1200px;margin:0 auto}section h1[data-v-17c777a2]{text-align:center}section .works[data-v-17c777a2]{display:flex;gap:10px;justify-content:space-around;flex-wrap:wrap;margin-bottom:50px}