nav[data-v-92c8e90a]{color:#fff;display:flex;flex-direction:row;justify-content:space-between}.name[data-v-92c8e90a]{display:flex;align-items:flex-end}.name h1[data-v-92c8e90a]{margin:0 0 0 0;font-size:1.8rem;font-weight:600;border-bottom:6px solid var(--border);line-height:.4;color:var(--text)}.fa-chevron-up[data-v-92c8e90a]{transform:rotate(180deg)}.theme-selector-wrapper[data-v-92c8e90a]{display:flex;justify-content:flex-end;position:relative}.theme-selector-button[data-v-92c8e90a]{background-color:var(--primary);border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease;height:40px;width:40px;padding:8px;position:relative;z-index:1}button svg[data-v-92c8e90a]{color:var(--primary);position:relative;width:13px!important}.theme-selector-button i.fa-chevron-up[data-v-92c8e90a]{transform:rotate(180deg)}.theme-selector[data-v-92c8e90a]:hover{cursor:pointer}ul[data-v-92c8e90a]{margin:0;list-style-type:none;display:flex;flex-direction:row}.svg[data-v-92c8e90a]{width:24px;height:24px;fill:var(--primary)}li[data-v-92c8e90a]{margin-left:2rem;padding:10px;display:flex;border-radius:8px;justify-content:center;align-items:center;background-color:var(--primary);transition:all .2s ease;height:2.5rem;width:2.5rem}li[data-v-92c8e90a]:hover{background-color:var(--hover);transform:translateY(-5px);transition:all .2s ease}.fa-twitter[data-v-92c8e90a]{color:#2bf1ff}.fa-instagram[data-v-92c8e90a]{color:#c457ff}.fa-github[data-v-92c8e90a]{color:var(--github)}.fa-envelope[data-v-92c8e90a]{color:var(--envelope)}.fa-square-behance[data-v-92c8e90a]{color:var(--square)!important}@media screen and (min-width:1250px){.theme-selector-wrapper[data-v-92c8e90a]{display:block}theme-selector-wrapper[data-v-92c8e90a]{position:relative}.theme-selector[data-v-92c8e90a]{position:static}.theme-selector .dropdown[data-v-92c8e90a]{right:0;left:auto}}@media screen and (max-width:1250px){nav[data-v-92c8e90a]{flex-direction:column;margin-top:3rem}.theme-selector[data-v-92c8e90a]{margin-left:0!important}li[data-v-92c8e90a]{margin-left:0;margin-right:2rem}ul[data-v-92c8e90a]{justify-content:flex-start;align-items:flex-start;padding-inline-start:0;margin-top:2rem}}.theme-selector[data-v-92c8e90a]{border-radius:8px;transition:all .2s ease;height:2.5rem;width:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-left:2rem;position:relative}.dark[data-v-92c8e90a]{background-color:#080a0e!important}.dark[data-v-92c8e90a]:hover{background-color:#07080b!important;transition:all .2s ease;cursor:pointer;transform:scale(1.2)}.blue[data-v-92c8e90a]{background-color:#3a70a2!important}.blue[data-v-92c8e90a]:hover{background-color:#193652!important;transition:all .2s ease;cursor:pointer;transform:scale(1.2)}.light[data-v-92c8e90a]{background-color:#f8f8f8!important}.light[data-v-92c8e90a]:hover{background-color:#beb3b3!important;transition:all .2s ease;cursor:pointer;transform:scale(1.2)}.orange[data-v-92c8e90a]{background-color:#fe654f!important}.orange[data-v-92c8e90a]:hover{background-color:#c54835!important;transition:all .2s ease;cursor:pointer;transform:scale(1.2)}.dropdown[data-v-92c8e90a]{position:absolute;top:100%;right:0;background-color:var(--primary);border-radius:0 0 8px 8px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;padding:10px 5px 5px 5px;width:40px;z-index:0;top:32px;transition:opacity .3s ease,transform .3s ease}.theme-selector button[data-v-92c8e90a]{background:none;border:none;width:100%;margin:4px 0;border-radius:4px;transition:background-color .2s ease;background-color:var(--background);border-radius:50%;height:20px;width:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;padding:0}.theme-selector-button[data-v-92c8e90a]:hover{cursor:pointer;background-color:var(--hover)}.theme-selector button[data-v-92c8e90a]:hover{cursor:pointer}.fade-slide-enter-active[data-v-92c8e90a],.fade-slide-leave-active[data-v-92c8e90a]{transition:opacity .3s ease,transform .3s ease}.fade-slide-enter[data-v-92c8e90a],.fade-slide-leave-to[data-v-92c8e90a]{opacity:0;transform:translateY(-20px)}.dropdown button[data-v-92c8e90a]{display:block;width:20px;margin:.5rem 0;height:20px;border-radius:20px}@media screen and (max-width:530px){ul[data-v-92c8e90a]{width:100%}.first[data-v-92c8e90a]{margin-right:2rem;margin-left:0}.last[data-v-92c8e90a]{margin:0}.theme-selector[data-v-92c8e90a]{margin-left:2rem!important}}@media screen and (max-width:410px){li[data-v-92c8e90a]{margin-right:1rem}.first[data-v-92c8e90a]{margin-right:1rem;margin-left:0}.last[data-v-92c8e90a]{margin:0}i[data-v-92c8e90a]{height:80%}.theme-selector[data-v-92c8e90a]{margin-left:1rem!important}}@media screen and (max-width:1250px){.theme-selector-wrapper[data-v-92c8e90a]{width:100%}}div[data-v-7b024f06]{width:100%;height:3px;background-color:var(--primary);margin:2rem 0}.color[data-v-1fe8b366]{color:#1da7ea}.orange[data-v-1fe8b366]{color:#ff9c4a}img[data-v-1fe8b366]{height:400px;border-radius:8px}.b-margin[data-v-1fe8b366]{margin-bottom:1rem}.image-holder[data-v-1fe8b366]{height:125px}.hero[data-v-1fe8b366]{display:flex}a[data-v-1fe8b366]{color:var(--text)}.text[data-v-1fe8b366]{height:400px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;margin-left:2rem}h1[data-v-1fe8b366],p[data-v-1fe8b366]{margin:0;color:var(--text)}h1[data-v-1fe8b366]{font-weight:500;font-size:1.8rem}p[data-v-1fe8b366]{font-weight:300;font-size:1rem;line-height:1.3}@media screen and (max-width:1258px){.hero[data-v-1fe8b366]{flex-direction:column}img[data-v-1fe8b366]{height:160px;width:auto;clip-path:circle(60px at center);position:relative;top:-20px;margin:0}.text[data-v-1fe8b366]{margin-left:0;height:auto}h1[data-v-1fe8b366]{margin-bottom:1rem;margin-top:1rem}}div[data-v-fde0b3de]{margin-right:1rem;transition:all .2s ease}img[data-v-fde0b3de]{height:300px;transition:all .1s ease}.title[data-v-fde0b3de]{color:var(--text);font-weight:500;text-align:center;max-width:300px;text-decoration:none;margin:1rem auto;font-size:1.2rem;opacity:1;transition:all .2s ease;line-height:1}a[data-v-fde0b3de]{text-decoration:underline;color:var(--text)}div[data-v-fde0b3de]:hover{opacity:.5;transform:translateY(-10px);transition:all .2s ease}@media screen and (max-width:800px){img[data-v-fde0b3de]{height:240px}}@media screen and (max-width:410px){img[data-v-fde0b3de]{height:220px}}@media screen and (max-width:390px){img[data-v-fde0b3de]{height:200px}}@media screen and (max-width:345px){img[data-v-fde0b3de]{height:180px}}.card[data-v-553650cc]{background-color:var(--primary);border-radius:8px;padding:.5rem 1rem}.card[data-v-553650cc]:hover{background-color:var(--hover);transition:background-color .2s ease;cursor:pointer}.card:hover h1[data-v-553650cc],.card:hover svg[data-v-553650cc]{transform:translateY(-5px)}svg[data-v-553650cc]{transition:all .3s ease}.col[data-v-553650cc]{display:flex;justify-content:center;align-items:center}.card div[data-v-553650cc]{display:flex;justify-content:space-between}a[data-v-553650cc],h1[data-v-553650cc]{text-decoration:none;color:#fff}h1[data-v-553650cc]{font-weight:500;font-size:1.8rem;transition:all .3s ease}@media screen and (max-width:1015px){h1[data-v-553650cc]{font-size:1.5rem}}.cards[data-v-22905191]{grid-gap:1rem;margin:0 auto;display:grid;max-height:320px;overflow:hidden;transition:max-height .5s ease-in-out,padding .5s ease-in-out;margin-bottom:1.5rem}#chevron[data-v-22905191]{fill:var(--background)!important;font-size:1.33333em;line-height:.75em;transition:transform .3s ease;width:17px;height:17px}#chevron.rotated[data-v-22905191]{transform:rotate(180deg)}.expand[data-v-22905191]{color:var(--background);font-weight:500;background-color:var(--primary);border-radius:8px;padding:.4rem .6rem;margin:auto;margin-top:.5rem;width:-moz-max-content;width:max-content}.expand[data-v-22905191]:hover{filter:brightness(.9);cursor:pointer;transition:all .2s ease}.expandedCards[data-v-22905191]{max-height:1400px;padding-bottom:1rem}@media screen and (max-width:1015px){.cards[data-v-22905191]{max-height:275px}}@media (min-width:600px){.cards[data-v-22905191]{grid-template-columns:repeat(2,1fr)}}.rotate[data-v-22905191]{transform:rotate(180deg)}.no-rotate[data-v-22905191]{transform:rotate(0deg)}h1[data-v-22905191]{font-size:1.8rem;font-weight:500;color:var(--text);border-bottom:10px solid var(--border);line-height:.4;width:70px}.row[data-v-22905191]{display:flex;flex-direction:row;justify-content:space-between}#chevron[data-v-22905191],svg[data-v-22905191]{color:var(--background)}.row button[data-v-22905191]{background-color:var(--primary);border:none;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.row button[data-v-22905191]:hover{background-color:var(--hover)}.row button[data-v-22905191]:focus{outline:none}.project-card[data-v-1bb3559a]{background:var(--primary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.project-image[data-v-1bb3559a]{width:100%;height:200px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.content[data-v-1bb3559a]{padding:1rem 1rem 1rem 2rem;display:flex;flex-direction:column;align-items:flex-start;color:var(--texttwo)}h2[data-v-1bb3559a]{margin:0 0 0 0;color:var(--texttwo);font-weight:600}.tag[data-v-1bb3559a]{color:var(--text);font-weight:400;background-color:var(--selector);border-radius:8px;padding:.2rem .4rem;margin-top:.5rem}p[data-v-1bb3559a]{text-align:left;margin:0 0 1rem 0}.links[data-v-1bb3559a]{display:flex;margin-top:auto}.links>a[data-v-1bb3559a]{color:var(--texttwo);margin-right:1rem}.links>a>svg[data-v-1bb3559a]{fill:var(--texttwo)}.links>a>svg[data-v-1bb3559a]:hover{filter:brightness(.5);transition:filter .2s ease}@media (min-width:855px){.project-image[data-v-1bb3559a]{width:280px;height:310px;margin:1rem 1rem 1rem 2rem;border-radius:8px}}@media (min-width:768px){.project-card[data-v-1bb3559a]{flex-direction:row}.project-image[data-v-1bb3559a]{width:280px;height:340px;margin:0}}@media (max-width:768px){.project-card[data-v-1bb3559a]{flex-direction:row}.project-image[data-v-1bb3559a]{width:280px;height:340px;margin:0}}@media screen and (max-width:756px){.project-image[data-v-1bb3559a]{width:280px;height:280px;margin-bottom:2rem}.content[data-v-1bb3559a]{padding:0}}@media screen and (max-width:430px){.project-image[data-v-1bb3559a]{width:350px;height:350px}.content[data-v-1bb3559a]{padding:0 1rem 1rem 1rem}}.row[data-v-2637abd2]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;height:30px}.expand[data-v-2637abd2]{color:var(--background);font-weight:500;background-color:var(--primary);border-radius:8px;padding:.4rem .6rem;margin:auto;margin-top:.5rem;width:-moz-max-content;width:max-content}.expand[data-v-2637abd2]:hover{filter:brightness(.9);cursor:pointer;transition:all .2s ease}#projects-chevron[data-v-2637abd2]{color:var(--background)}.row h1[data-v-2637abd2]{font-size:1.8rem;color:var(--text);font-weight:500;border-bottom:10px solid var(--border);line-height:.4;width:103px;margin-block-start:0;margin-bottom:0}button div[data-v-2637abd2]{width:20px}.row button[data-v-2637abd2]{background-color:var(--primary);border:none;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.row button[data-v-2637abd2]:hover{background-color:var(--hover)}.row button[data-v-2637abd2]:focus{outline:none}.projects-cards[data-v-2637abd2]{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;margin:20px auto;transition:max-height .5s ease-in-out,padding .5s ease-in-out;overflow:hidden;max-height:740px}@media (max-width:768px){.projects-cards[data-v-2637abd2]{grid-template-columns:1fr;max-height:340px}}.project-card[data-v-2637abd2]{background:var(--primary);padding:0 20px 0 0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:row;align-items:center;text-align:center;min-height:340px;margin-bottom:2rem}.project-image[data-v-2637abd2]{height:auto;border-radius:8px;margin-bottom:20px}.project-card .content h2[data-v-2637abd2],.project-card .content p[data-v-2637abd2],.project-card a[data-v-2637abd2]{color:var(--text);text-decoration:none;margin:5px}@media screen and (max-width:756px){.project-card[data-v-2637abd2]{flex-direction:column;padding:2rem 2rem}}@media screen and (max-width:500px){.project-card[data-v-2637abd2]{padding:2rem 1rem 1rem 1rem}}@media screen and (max-width:430px){.project-card[data-v-2637abd2]{padding:0}}a[data-v-5dfff3b4]{color:var(--text)}.wrapper[data-v-5dfff3b4]{width:49%}h1[data-v-5dfff3b4]{font-size:1.8rem;color:var(--text);font-weight:500;border-bottom:10px solid var(--border);line-height:.4;width:145px;margin-block-start:0}p[data-v-5dfff3b4]{color:var(--text);font-weight:300;font-size:1rem;line-height:1.3;margin-block-end:0;margin-top:0}.wrapper div[data-v-5dfff3b4]{background-color:var(--primary);display:flex;align-items:center;padding:1.2rem 1.2rem;border-radius:8px;height:210px}a[data-v-5dfff3b4]:hover{opacity:.7;transition:opacity .2s ease}@media screen and (max-width:610px){.wrapper[data-v-5dfff3b4]{width:100%}.wrapper div[data-v-5dfff3b4]{height:auto}}div[data-v-5ab9b86a]{width:49%}.divider[data-v-5ab9b86a]{margin:0 .5rem;font-weight:600}.music[data-v-5ab9b86a]{width:100%;height:210px;padding:0;border-radius:8px}h1[data-v-5ab9b86a]{font-size:1.8rem;color:var(--text);font-weight:500;border-bottom:10px solid var(--border);line-height:.4;width:225px;margin-block-start:0}p[data-v-5ab9b86a]{color:var(--text);font-weight:300;font-size:1rem;line-height:20px;margin:0;margin-bottom:1rem}ul[data-v-5ab9b86a]{height:100%;display:flex;flex-direction:column;justify-content:space-between;color:var(--text);margin-block-start:0;padding-inline-start:0;list-style-type:none;margin-block-end:0}li[data-v-5ab9b86a]{line-height:1.3;padding-bottom:4px;display:flex;justify-content:flex-start;align-items:center;background-color:var(--primary);padding:.5rem .5rem;border-radius:8px}.numbers[data-v-5ab9b86a]{display:flex}.numbers>img[data-v-5ab9b86a]{width:42px;border-radius:8px;margin-right:.7rem}.song-data[data-v-5ab9b86a]{overflow:hidden;position:relative;display:block;width:100%;white-space:nowrap}.song-data span[data-v-5ab9b86a]{display:inline-block}.song-data span.scrollable[data-v-5ab9b86a]{display:inline-flex;animation:scroll-left-5ab9b86a 15s linear infinite}@keyframes scroll-left-5ab9b86a{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media screen and (max-width:610px){div[data-v-5ab9b86a]{width:100%}}.italics[data-v-5ab9b86a]{font-style:italic}.row[data-v-5cf0e77c]{display:flex;flex-direction:row;justify-content:space-between}.divider[data-v-5cf0e77c]{display:none;width:100%;height:3px;background-color:var(--primary);margin:2rem 0}@media screen and (max-width:610px){.divider[data-v-5cf0e77c]{display:block}.row[data-v-5cf0e77c]{flex-direction:column}}.top[data-v-6f6578b6]{text-decoration:underline}.top[data-v-6f6578b6]:hover{opacity:.7;transition:opacity .2s ease;cursor:pointer}div[data-v-6f6578b6]{color:var(--text)}.row[data-v-6f6578b6]{display:flex;flex-direction:row;justify-content:space-between}.italic[data-v-6f6578b6]{font-style:italic;width:70%}p[data-v-6f6578b6]{line-height:1.3}*{box-sizing:border-box}html{padding:0;margin:0}:root{--background:#1a202c;--primary:#1b405e;--border:#204665;--text:#fff;--texttwo:#fff;--primary-color:#20496b;--scrollbar-bg:#2c3649;--scrollbar-thumb:#20496b;--scrollbar-thumb-hover:#122b3f;--selector:#fff;--github:#3ed3a1;--envelope:#e3655b;--square:#228cdb;--hover:#15334b}body{background-color:var(--background);color:var(--text);font-family:canada-type-gibson}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.home{max-width:1000px;margin:2rem auto}.art-container{display:flex;overflow-x:scroll;padding:10px 0;height:-moz-min-content;height:min-content}.art{font-weight:500;color:var(--text-color);font-size:1.8rem;border-bottom:10px solid var(--border);line-height:.4;width:40px}@media screen and (max-width:1500px){.home{margin:2rem 18rem}}@media screen and (max-width:1380px){.home{margin:2rem 16rem}}@media screen and (max-width:1305px){.home{margin:2rem 14rem}}@media screen and (max-width:1200px){.home{margin:2rem 10rem}}@media screen and (max-width:1130px){.home{margin:2rem 10rem}}@media screen and (max-width:1050px){.home{margin:2rem 8rem}}@media screen and (max-width:936px){.home{margin:2rem}}@media screen and (max-width:320px){.home{margin:2rem 1rem}}