@import"https://fonts.googleapis.com/css2?family=Kosugi&family=Macondo&display=swap";[data-v-d1523687]{box-sizing:border-box;margin:0;padding:0}.line[data-v-d1523687]{height:1px;border-width:0;color:#263646b3;background-color:#263646b3;margin:2em 7em}#body[data-v-d1523687]{background-image:url(/web4/portfolio/assets/bg-BRm6RM3v.png);margin:0;padding:0;min-height:100vh;background-size:cover;background-position:center;background-attachment:scroll}#body h1[data-v-d1523687]{color:#f16d40;font-family:Macondo,cursive;font-size:22pt;font-weight:300;text-align:center;padding:.5em}#body nav[data-v-d1523687]{background-color:#263646b3;margin:0 0 4em;display:grid;grid-template-columns:20% 80%}#body nav ul[data-v-d1523687]{display:grid;grid-template-columns:repeat(3,1fr);list-style-type:none;padding-top:.9em}#body nav ul li[data-v-d1523687]{padding:.3em;list-style-type:none;text-decoration:dotted;color:#fee7d9;font-family:Kosugi,sans-serif;text-align:center;font-size:18pt}#body nav ul li a[data-v-d1523687]{list-style-type:none;text-decoration:dotted;color:#fee7d9}#body nav ul li a[data-v-d1523687]:hover{text-shadow:0 0 10px #263646}#body nav ul li a.router-link-active[data-v-d1523687]{color:#263646}footer[data-v-d1523687]{margin-top:6em}footer h3[data-v-d1523687]{color:#263646;font-family:Kosugi,sans-serif;font-size:25pt;font-weight:300;text-align:center}footer .touch[data-v-d1523687]{font-size:30pt;text-decoration:underline dotted;cursor:pointer;transition:font-size .3s ease}footer .touch[data-v-d1523687]:hover{font-size:45pt}footer .dropdown-list[data-v-d1523687]{text-align:center;font-size:15pt;list-style:none;padding:.5em;border-radius:8px;font-family:Kosugi,sans-serif;color:#263646;margin:.5em}footer .dropdown-list li[data-v-d1523687]{padding:.4em;cursor:pointer}footer .dropdown-list li[data-v-d1523687]:hover{text-shadow:0 0 25px #263646}footer .dropdown-list a[data-v-d1523687]{text-decoration:underline dotted;color:#263646}.copyright[data-v-d1523687]{background-color:#263646b3;text-align:center;padding:3em;margin-top:3em;font-family:Kosugi,sans-serif;font-weight:300;font-size:20pt;color:#fff57d}@media screen and (max-width: 768px){.line[data-v-d1523687]{display:none}#body[data-v-d1523687]{background-size:cover}#body h1[data-v-d1523687]{display:none}#body nav[data-v-d1523687]{display:block;background-color:transparent}#body nav ul[data-v-d1523687]{display:block;padding:.5em}#body nav ul li[data-v-d1523687]{font-size:10pt;text-align:left;padding:.5em}footer[data-v-d1523687]{margin-top:4em}footer h3[data-v-d1523687]{font-size:12pt}footer .touch[data-v-d1523687]{font-size:12pt;text-decoration:underline dotted}footer .touch[data-v-d1523687]:hover{font-size:20pt}footer .dropdown-list[data-v-d1523687]{font-size:11pt}footer .copyright[data-v-d1523687]{font-size:9pt}}[data-v-da6e460b]{box-sizing:border-box;margin:0;padding:0}.line[data-v-da6e460b]{height:1px;border-width:0;color:#263646b3;background-color:#263646b3;margin:7em}.feature-grid[data-v-da6e460b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:9em;padding:1em}.feature-grid .thumbnail[data-v-da6e460b]{margin:0 auto;display:block;max-width:100%;height:auto;align-items:center;justify-content:center}.feature-grid .thumbnail[data-v-da6e460b]:hover{box-shadow:0 0 22px #fee7d9}.feature-grid .project-title[data-v-da6e460b]{font-family:Kosugi,sans-serif;text-align:center;color:#fff;margin-top:1.5em;max-width:15em}@media screen and (max-width: 768px){.line[data-v-da6e460b]{display:none}.feature-grid[data-v-da6e460b]{gap:5em}.feature-grid .project-title[data-v-da6e460b]{font-size:10pt;text-align:center;max-width:55em}}[data-v-8f20d28f]{box-sizing:border-box;margin:0;padding:0}.line[data-v-8f20d28f]{height:1px;border-width:0;color:#263646b3;background-color:#263646b3;margin:7em}header[data-v-8f20d28f]{display:grid;grid-template-columns:repeat(3,1fr);gap:9em;background-color:#263646b3;margin:4em 0;padding:3em 12em}header .star[data-v-8f20d28f]{max-width:300px;padding:3em 0;transition:transform 1.5s ease-in-out}header .star[data-v-8f20d28f]:hover{transform:rotate(180deg)}header .me[data-v-8f20d28f]{max-width:300px;border-radius:40%}header .me[data-v-8f20d28f]:hover{box-shadow:0 0 20px #263646}header p[data-v-8f20d28f]{font-family:Macondo,cursive;font-size:35pt;max-width:55em;text-align:left;color:#fee7d9;margin:0;padding:3em 0}.star-blue[data-v-8f20d28f]{width:300px;margin:0 1em;transition:transform 1.5s ease-in-out;display:block;position:absolute;right:0}.star-blue[data-v-8f20d28f]:hover{transform:rotate(180deg)}.star-yellow[data-v-8f20d28f]{width:300px;margin:0 1em;transition:transform 1.5s ease-in-out;display:block;position:relative;left:0}.star-yellow[data-v-8f20d28f]:hover{transform:rotate(180deg)}.resume[data-v-8f20d28f]{background-color:#263646b3;text-align:center;padding:.5em;margin:6em 0}.resume a[data-v-8f20d28f]{font-family:Kosugi,sans-serif;font-weight:300;font-size:20pt;color:#fff57d;text-decoration:underline dotted}.resume a[data-v-8f20d28f]:hover{text-shadow:0 0 22px #263646}section[data-v-8f20d28f]{background-color:#263646b3;padding:4em 5em;margin-top:9em;margin-bottom:2em;display:grid;grid-template-columns:20% 80%}section .feature-grid[data-v-8f20d28f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:9em;padding:1em}section .feature-grid .thumbnail[data-v-8f20d28f]{margin:0 auto;display:block;max-width:100%;height:auto;align-items:center;justify-content:center}section .feature-grid .thumbnail[data-v-8f20d28f]:hover{box-shadow:0 0 30px #fee7d9}section .feature-grid .project-title[data-v-8f20d28f]{font-family:Kosugi,sans-serif;text-align:center;color:#fff;margin-top:1.5em;max-width:15em}section h1[data-v-8f20d28f]{font-family:Macondo,cursive;font-size:30pt;max-width:5em;text-align:left;color:#fee7d9;margin:0}section .txt a[data-v-8f20d28f]{font-family:Kosugi,sans-serif;color:#fee7d9;margin-top:1.5em;max-width:15em;text-decoration:underline dotted;list-style-type:none}section .txt a[data-v-8f20d28f]:hover{color:#263646}@media screen and (max-width: 768px){.line[data-v-8f20d28f]{display:none}header[data-v-8f20d28f]{display:grid;grid-template-columns:50% 50%;padding:2em;gap:.5em;margin:0%}header .star[data-v-8f20d28f]{display:none;max-width:50px}header .me[data-v-8f20d28f]{max-width:170px}header p[data-v-8f20d28f]{font-size:19pt;padding:3em 0;max-width:10em;text-align:center}.star-blue[data-v-8f20d28f],.star-yellow[data-v-8f20d28f]{max-width:50px;display:none}.resume[data-v-8f20d28f]{margin:3em 0}.resume a[data-v-8f20d28f]{font-size:9pt}section[data-v-8f20d28f]{display:block;padding:2em}section .feature-grid[data-v-8f20d28f]{gap:5em}section .feature-grid .project-title[data-v-8f20d28f]{font-size:10pt;text-align:center;max-width:55em}section h1[data-v-8f20d28f]{font-size:16pt;max-width:35em;padding:.5em 0}section .txt a[data-v-8f20d28f]{font-size:10pt;margin-bottom:3em}}