.btn-main[data-v-3bfe384a]{display:inline-block;position:relative;text-decoration:none;color:var(--v-navbar_text-base);margin-left:15px;margin-right:15px;margin-top:15px}.anim-border[data-v-3bfe384a]:after{content:"";position:absolute;display:block;background-color:var(--v-navbar_color-base);bottom:0;width:100%;height:2px;transform:scaleX(0);transform-origin:center;transition:transform .1s ease}.anim-border[data-v-3bfe384a]:hover:after{transform:scaleX(.5);transition:transform .25s ease}.router-link-exact-active.anim-border[data-v-3bfe384a]:after{transform:scaleX(1);transition:transform .25s ease}.name-links{margin:auto;display:flex;flex-direction:column;flex-wrap:wrap}.skill-div[data-v-24ba6495]{display:flex;flex-wrap:wrap;justify-content:center;margin-top:100px}.skill-grid[data-v-24ba6495]{display:grid;justify-items:center;grid-template-columns:repeat(3,160px)}.skill-diamond-container[data-v-24ba6495]{position:relative;width:0;height:150px;margin-top:-65px;display:flex;justify-content:center;align-items:center;grid-column-start:1;grid-column-end:3}.skill-diamond[data-v-24ba6495]{position:absolute;flex-direction:column;background-color:var(--v-primary_accent_01-base);height:150px;width:150px;background-size:150px 150px;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);cursor:pointer;transition:z-index .05s step-end,-webkit-clip-path .25s;transition:clip-path .25s,z-index .05s step-end;transition:clip-path .25s,z-index .05s step-end,-webkit-clip-path .25s;z-index:1;will-change:clip-path,z-index}.skill-diamond[data-v-24ba6495]:hover{background-color:var(--v-primary_accent_02-base);-webkit-clip-path:polygon(50% 5%,95% 50%,50% 95%,5% 50%);clip-path:polygon(50% 5%,95% 50%,50% 95%,5% 50%);transition:all .25s}.skill-diamond[data-v-24ba6495]:focus{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:9999;border-color:transparent!important;outline:none;transition:z-index .05s step-start,-webkit-clip-path .25s;transition:clip-path .25s,z-index .05s step-start;transition:clip-path .25s,z-index .05s step-start,-webkit-clip-path .25s}.diamond-closer[data-v-24ba6495]{position:absolute;height:150px;width:150px;pointer-events:none}.skill-diamond:focus~.diamond-closer[data-v-24ba6495]{pointer-events:all;z-index:10000;cursor:pointer}.diamond-text[data-v-24ba6495]{width:150px;margin-top:50px;padding-left:25px;padding-right:25px;position:absolute;top:0;text-align:center;color:var(--v-primary_text-base);transition:opacity .25s;will-change:opacity;opacity:1;pointer-events:none;-webkit-user-select:none}.skill-diamond:focus .diamond-text[data-v-24ba6495]{opacity:0}.icon-inner[data-v-24ba6495]{color:var(--v-primary_icon_inner-base)!important}.diamond-icon[data-v-24ba6495]{display:flex;justify-content:center;position:absolute;background-color:var(--v-primary_icon-base);-webkit-clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);width:50px;height:50px;margin-left:50px;bottom:0;text-align:center;opacity:1;transition:transform .25s;will-change:transform;pointer-events:none}.skill-diamond:hover .diamond-icon[data-v-24ba6495]{transition:transform .25s;transform:translateY(-5px)}.skill-diamond:focus .diamond-icon[data-v-24ba6495]{transition:transform .25s;transform:translate(60px,10px) rotate(45deg)}.diamond-details[data-v-24ba6495]{width:150px;position:absolute;top:0;text-align:center;color:var(--v-primary_text-base);opacity:0;transition:opacity .25s;will-change:opacity;pointer-events:none;padding:5px;-webkit-user-select:none}.skill-diamond:focus .diamond-details[data-v-24ba6495]{opacity:1}.diamond-fill-2[data-v-24ba6495],.diamond-fill-3[data-v-24ba6495],.diamond-fill-4[data-v-24ba6495]{background-color:var(--v-primary-base);height:150px;width:150px;background-size:150px 150px;position:absolute;top:0;transition:transform .25s;will-change:transform}.diamond-fill-2[data-v-24ba6495]{transform:translateY(100px)}.diamond-fill-3[data-v-24ba6495]{transform:translateY(50px)}.skill-diamond:focus .diamond-fill-2[data-v-24ba6495],.skill-diamond:focus .diamond-fill-3[data-v-24ba6495],.skill-diamond:focus .diamond-fill-4[data-v-24ba6495]{transform:translate(0)}.diamond-shadow[data-v-24ba6495]{background-color:rgba(0,0,0,.65);height:160px;width:160px;background-size:160px 160px;position:absolute;top:5px;transition:z-index .05s step-end,-webkit-clip-path .25s;transition:clip-path .25s,z-index .05s step-end;transition:clip-path .25s,z-index .05s step-end,-webkit-clip-path .25s;will-change:clip-path,z-index;-webkit-clip-path:polygon(50% 5%,95% 50%,50% 95%,5% 50%);clip-path:polygon(50% 5%,95% 50%,50% 95%,5% 50%);z-index:0;pointer-events:none}.skill-diamond:hover+.diamond-shadow[data-v-24ba6495]{-webkit-clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);transition:z-index .25s,-webkit-clip-path .25s;transition:clip-path .25s,z-index .25s;transition:clip-path .25s,z-index .25s,-webkit-clip-path .25s}.skill-diamond:focus+.diamond-shadow[data-v-24ba6495]{-webkit-clip-path:polygon(0 10%,100% 10%,100% 100%,0 100%);clip-path:polygon(0 10%,100% 10%,100% 100%,0 100%);transition:z-index .05s step-start,-webkit-clip-path .25s;transition:clip-path .25s,z-index .05s step-start;transition:clip-path .25s,z-index .05s step-start,-webkit-clip-path .25s;z-index:9900}@media screen and (min-width:481px){.skill-diamond-container[data-v-24ba6495]:first-child{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2}.skill-diamond-container[data-v-24ba6495]:nth-child(2){grid-column-start:2;grid-column-end:4;grid-row-start:1;grid-row-end:2;margin-bottom:5px}.skill-diamond-container[data-v-24ba6495]:nth-child(3){grid-column-start:1;grid-column-end:2;margin-bottom:25px}.skill-diamond-container[data-v-24ba6495]:nth-child(4){grid-column-start:2;grid-column-end:3}.skill-diamond-container[data-v-24ba6495]:nth-child(5){grid-column-start:3;grid-column-end:4}.skill-diamond-container[data-v-24ba6495]:nth-child(6){grid-column-start:1;grid-column-end:3;grid-row-start:3;grid-row-end:4}.skill-diamond-container[data-v-24ba6495]:nth-child(7){grid-column-start:2;grid-column-end:4;grid-row-start:3;grid-row-end:4}.skill-diamond-container[data-v-24ba6495]:nth-child(8){grid-column-start:1;grid-column-end:4}}@media screen and (max-width:599px){.skill-diamond-container[data-v-24ba6495]{margin-top:-70px}}@media screen and (max-width:480px){.skill-grid[data-v-24ba6495]{grid-template-columns:repeat(2,150px)}.skill-diamond-container[data-v-24ba6495]{margin-top:-70px}.skill-diamond-container[data-v-24ba6495]:nth-child(3n+0){grid-column-start:1;grid-column-end:3}.skill-diamond-container[data-v-24ba6495]:nth-child(3n+1){grid-column-start:1;grid-column-end:2}.skill-diamond-container[data-v-24ba6495]:nth-child(3n+2){grid-column-start:2;grid-column-end:3}}.btn-main[data-v-8c56e3e8]{display:inline-block;position:relative;text-decoration:none;color:var(--v-primary_text-base);background-color:var(--v-card_accent_3-base);padding-left:7px;padding-right:7px;text-align:center}.btn-text[data-v-8c56e3e8]{position:relative;padding-top:5px;padding-bottom:5px}.anim-border[data-v-8c56e3e8]:before{content:"";position:absolute;display:block;background-color:var(--v-card_accent-base);bottom:0;width:100%;height:100%;left:0;transform:scaleX(1);transform-origin:top;transition:transform .25s ease,opacity .25s ease}.anim-border[data-v-8c56e3e8]:hover:before{transform:scaleX(.8);transition:transform .25s ease,opacity .25s ease}.anim-border[data-v-8c56e3e8]:active:before{transform:scaleX(0);transition:transform .1s ease}.projects-panel-div[data-v-69e9a96a]{display:flex;justify-content:center;margin-top:120px}.project-grid[data-v-69e9a96a]{display:grid;justify-items:center;grid-template-columns:repeat(3,205px)}.project-diamond[data-v-69e9a96a]{position:relative;height:200px;width:0;margin-top:-95px;display:flex;justify-content:center;align-items:center}.project-diamond-clickable[data-v-69e9a96a]{position:absolute;flex-direction:column;background-color:var(--v-primary-base);height:200px;width:200px;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background-size:200px 200px;background:linear-gradient(-135deg,rgba(152,76,173,.72),#370537 75%),var(--bg-icon);background-position:50%;background-size:cover;transition:-webkit-clip-path .5s;transition:clip-path .5s;transition:clip-path .5s,-webkit-clip-path .5s;cursor:pointer;z-index:1}.project-diamond-clickable[data-v-69e9a96a]:hover{-webkit-clip-path:polygon(50% 5%,95% 50%,50% 95%,5% 50%);clip-path:polygon(50% 5%,95% 50%,50% 95%,5% 50%);background-color:var(--v-primary_accent_02-base)}.project-diamond-clickable[data-v-69e9a96a]:focus,.project-diamond-clickable[data-v-69e9a96a]:hover{transition:-webkit-clip-path .25s;transition:clip-path .25s;transition:clip-path .25s,-webkit-clip-path .25s}.project-diamond-clickable[data-v-69e9a96a]:focus{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:9998;border-color:transparent!important;outline:none;background-image:none;background-color:var(--v-primary_accent_01-base)}.diamond-closer[data-v-69e9a96a]{position:absolute;height:200px;width:200px;pointer-events:none}.project-diamond-clickable:focus~.diamond-closer[data-v-69e9a96a]{pointer-events:all;z-index:10000;cursor:pointer}.project-diamond-fill[data-v-69e9a96a]{background-color:var(--v-primary_accent_01-base);height:200px;width:200px;background-size:200px 200px;position:absolute;top:0;transition:all .75s;-webkit-clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}.project-diamond-clickable:focus .project-diamond-fill[data-v-69e9a96a]{-webkit-clip-path:polygon(-100% 50%,50% -100%,200% 50%,50% 200%);clip-path:polygon(-100% 50%,50% -100%,200% 50%,50% 200%)}.project-diamond-title[data-v-69e9a96a]{width:200px;margin-top:80px;padding-left:25px;padding-right:25px;position:absolute;top:0;text-align:center;color:var(--v-primary_text-base);opacity:1;transition:opacity .25s;pointer-events:none;-webkit-user-select:none}.project-diamond-clickable:focus .project-diamond-title[data-v-69e9a96a]{opacity:0}.icon-inner[data-v-69e9a96a]{color:var(--v-primary_icon_inner-base)}.project-diamond-icon[data-v-69e9a96a]{display:flex;justify-content:center;position:absolute;background-color:var(--v-primary_icon-base);-webkit-clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);width:50px;height:50px;margin-left:75px;bottom:0;text-align:center;opacity:1;transition:transform .5s,opacity .5s;transition-delay:.15s;pointer-events:none}.project-diamond-clickable:hover .project-diamond-icon[data-v-69e9a96a]{transition:transform .25s;transform:translateY(-8px)}.project-diamond-clickable:focus .project-diamond-icon[data-v-69e9a96a]{opacity:0;transform:translateY(15px) rotate(135deg);transition:opacity .25s,transform .25s}.project-diamond-details[data-v-69e9a96a]{padding:5px 5px 5px 5px;width:200px;position:absolute;top:0;text-align:left;color:var(--v-primary_text-base);opacity:0;transition:opacity .25s;pointer-events:none;-webkit-user-select:none}.project-diamond-clickable:focus .project-diamond-details[data-v-69e9a96a]{opacity:1}.project-diamond-link[data-v-69e9a96a]{position:absolute;bottom:-34px;z-index:9998;transition:visibility .5s,-webkit-filter .25s ease-out;transition:filter .25s ease-out,visibility .5s;transition:filter .25s ease-out,visibility .5s,-webkit-filter .25s ease-out;transition-delay:.25s;-webkit-filter:opacity(0);filter:opacity(0);width:200px;visibility:hidden}.project-diamond-clickable:focus+.project-diamond-link[data-v-69e9a96a]{bottom:-34px;z-index:9999;-webkit-filter:opacity(100%);filter:opacity(100%);visibility:visible}@media screen and (min-width:481px){.project-grid[data-v-69e9a96a]{grid-template-columns:repeat(2,205px)}.projects-panel-div[data-v-69e9a96a]{margin-top:120px}.project-diamond[data-v-69e9a96a]:nth-child(3n+1){grid-column-start:1;grid-column-end:3}.project-diamond[data-v-69e9a96a]:nth-child(3n+2){grid-column-start:1;grid-column-end:2}.project-diamond[data-v-69e9a96a]:nth-child(3n+0){grid-column-start:2;grid-column-end:3}}@media screen and (max-width:480px){.project-grid[data-v-69e9a96a]{grid-template-columns:repeat(3,100px)}.projects-panel-div[data-v-69e9a96a]{margin-top:120px}.project-diamond[data-v-69e9a96a]:nth-child(odd){grid-column-start:1;grid-column-end:3}.project-diamond[data-v-69e9a96a]:nth-child(2n+0){grid-column-start:2;grid-column-end:4}}.btn-main[data-v-16c334e6]{display:inline-block;position:relative;text-decoration:none;color:var(--v-navbar_text-base);padding-left:7px;padding-right:7px;text-align:center}.btn-text[data-v-16c334e6]{position:relative}.anim-border[data-v-16c334e6]:before{content:"";position:absolute;display:block;background-color:var(--v-navbar_color-base);bottom:0;width:100%;height:100%;left:0;transform:scaleX(1);opacity:.9;transform-origin:bottom;transition:transform .25s ease,opacity .25s ease}.anim-border[data-v-16c334e6]:hover:before{transform:scaleX(.9);opacity:.5;transition:transform .25s ease,opacity .25s ease}.anim-border[data-v-16c334e6]:active:before{transform:scaleX(0);transition:transform .1s ease}.homepage-div{row-gap:25px;grid-template-columns:45% 5% 50%;margin:0 20px}.display-2{color:var(--v-bg_text-base)}.homepage-skills{text-align:center;grid-column-start:3;grid-column-end:4}.homepage-portfolio{grid-column-start:1;grid-column-end:4;margin:0 -20px;position:relative;text-align:center}.resume-button{margin-left:15px;margin-right:20px}.homepage-intro{display:grid;grid-template-columns:50% 50%;grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content;max-width:450px;color:var(--v-bg_text-base);margin:auto;margin-bottom:100px}.intro-name{grid-column-start:1;grid-column-end:3}.bg-wrapper{position:absolute;width:100%;pointer-events:none;top:0;height:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.project-bg{top:50px;min-height:500px;background-image:url(../img/m_bg_01.63ff617f.svg),url(../img/m_bg_02.a9dc6ec6.svg),url(../img/m_bg_03.664bcd70.svg);background-repeat:repeat-x,repeat-x,repeat-x;background-position:top,55% -5px,45% -25px;background-size:1120px,1020px,820px}.bg-layer-1,.project-bg{position:-webkit-sticky;position:sticky;width:100%}.bg-layer-1{top:95px;height:50px}.bg-layer-2{top:100px}.bg-layer-2,.bg-layer-3{position:-webkit-sticky;position:sticky;width:100%;height:50px}.bg-layer-3{top:115px}.bg-1{top:50px;background-color:var(--v-bg_accent_03-base);-webkit-mask-image:url(../img/bg_01.d8647e1c.png);mask-image:url(../img/bg_01.d8647e1c.png);-webkit-mask-size:1122px;mask-size:1122px;background-size:1122px;-webkit-animation:bg-anim-1 2s ease 1;animation:bg-anim-1 2s ease 1}.bg-1,.bg-2{position:absolute;margin-top:500px;width:100%;min-height:500px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:center top;mask-position:center top;background-repeat:repeat-x;background-position:top}.bg-2{top:25px;background-color:var(--v-bg_accent_02-base);-webkit-mask-image:url(../img/bg_02.ef6f94b1.png);mask-image:url(../img/bg_02.ef6f94b1.png);-webkit-mask-size:1022px;mask-size:1022px;background-size:1022px;-webkit-animation:bg-anim-2 2.5s ease 1;animation:bg-anim-2 2.5s ease 1}.bg-3{position:absolute;margin-top:500px;top:0;width:100%;min-height:500px;background-color:var(--v-bg_accent_01-base);-webkit-mask-image:url(../img/bg_03.b8715408.png);mask-image:url(../img/bg_03.b8715408.png);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-size:822px;mask-size:822px;background-repeat:repeat-x;background-position:top;background-size:822px;-webkit-animation:bg-anim-3 3.25s ease 1;animation:bg-anim-3 3.25s ease 1}@-webkit-keyframes bg-anim-1{0%{transform:translateY(50px)}to{transform:translate(0)}}@keyframes bg-anim-1{0%{transform:translateY(50px)}to{transform:translate(0)}}@-webkit-keyframes bg-anim-2{0%{transform:translateY(50px)}to{transform:translate(0)}}@keyframes bg-anim-2{0%{transform:translateY(50px)}to{transform:translate(0)}}@-webkit-keyframes bg-anim-3{0%{transform:translateY(50px)}to{transform:translate(0)}}@keyframes bg-anim-3{0%{transform:translateY(50px)}to{transform:translate(0)}}@-webkit-keyframes star-anim-01{0%{opacity:0;transform:translateY(50px)}to{opacity:.3;transform:translate(0)}}@keyframes star-anim-01{0%{opacity:0;transform:translateY(50px)}to{opacity:.3;transform:translate(0)}}@-webkit-keyframes star-anim-02{0%{opacity:0;transform:translateY(25px)}to{opacity:.15;transform:translate(0)}}@keyframes star-anim-02{0%{opacity:0;transform:translateY(25px)}to{opacity:.15;transform:translate(0)}}.stars-01{min-height:700px;background-repeat:repeat-x;background-size:1770px;margin-top:0;opacity:.3;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation:star-anim-01 2.5s ease 1;animation:star-anim-01 2.5s ease 1}.stars-01,.stars-03{position:absolute;width:100%;background-image:url(../img/stars_t.f023cb3f.png);background-position:top}.stars-03{min-height:100%;background-repeat:repeat;background-size:770px;background-clip:content-box;padding-top:900px;opacity:.1}.fill-back{position:absolute;width:100%;height:100%;padding-top:900px}.fill-back-inner{height:100%;background-color:var(--v-bg_accent_03-base)}@media screen and (max-width:1039px){.homepage-div{grid-template-columns:100%;margin:0;text-align:center}.homepage-intro{margin:0 auto;margin-bottom:200px}.homepage-portfolio,.homepage-skills{grid-column-start:1;grid-column-end:2;margin:0}}@media screen and (max-width:599px){.homepage-intro{grid-template-columns:100%;margin-bottom:150px}.intro-name{grid-column-start:1;grid-column-end:2}.resume-button{margin:auto;justify-self:center;width:150px}}@media screen and (max-width:480px){.homepage-intro{max-width:300px;margin-bottom:150px}}