@import url(https://fonts.googleapis.com/css2?family=Oxygen&family=Oxygen+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap);nav{font-family:var(--mono);font-size:80%;padding:1rem}nav h1{font-family:var(--sans)}nav ul{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}nav a,nav li,router-link{color:var(--white);text-decoration:none;display:block}nav a:hover,nav li:hover,router-link:hover{color:var(--accent-color)}nav li:first-child{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center}h1 .icon{margin-right:.7rem;color:var(--light-accent-color);padding-bottom:.1rem}a .icon{font-size:1.4rem}@media (min-width:850px){nav{max-width:1200px;margin:0 auto}nav li:first-child{-ms-flex-preferred-size:auto;flex-basis:auto;text-align:left;margin-right:auto}}.open{border:3px solid red;overflow:hidden}.bm-overlay{background:#000}.menu nav{font-family:var(--mono);font-size:80%;padding-left:2.5rem;margin-top:-1.6rem}.menu{margin-bottom:3rem}.menu nav h1{font-family:var(--sans)}.menu .column{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;text-align:center}.menu nav a,nav li,router-link{color:var(--white);text-decoration:none;display:block}.menu nav a:hover,nav li:hover,router-link:hover{color:var(--accent-color)}.menu a .icon{font-size:1.4rem}.menu nav{max-width:1200px;margin:0 auto}.menu nav li:first-child{-ms-flex-preferred-size:auto;flex-basis:auto;text-align:left;margin-right:auto}:root{--primary-bkg-color:#171321;--secondary-bkg-color:#11334a;--tertiary-bkg-color:#4b0d49;--accent-color:#e210cb;--accent-hover-color:#ff17e4;--light-accent-color:#86fbfb;--font-size:1.3rem;--sans:"Oxygen",sans-serif;--mono:"Oxygen Mono",monospace;--text-color:#f7f8fa;--white:#f7f8fa;--black:#171321}html{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;text-align:left}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}h1,h2,h3,h4,p{margin:0}img{width:100%}a{color:var(--accent-color);text-decoration:underline}a:hover{color:var(--accent-hover-color)}body{padding:0;margin:0;font-family:var(--sans);color:var(--text-color);font-size:var(--font-size);background-color:var(--primary-bkg-color)}.mobile-nav{display:none}@media(max-width:850px){.desktop-nav{display:none}.mobile-nav{display:block}}.projects-section{background-color:var(--secondary-bkg-color);padding:50px}#projects ul{list-style-type:none;margin:.5rem .5rem;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:1rem;font-size:1rem}#projects{padding:4rem 1rem;max-width:1200px;margin:auto}#projects h2{font-size:2.5rem;margin-bottom:3.75rem}#projects h3{color:var(--light-accent-color);font-size:1.3rem;margin:5px}#projects h4{font-size:1rem;font-family:var(--mono);margin:.5rem}#projects img{margin:1rem 0 4rem 0;border-left:1px solid var(--light-accent-color);border-top:1px solid var(--light-accent-color);border-radius:25px;padding:1rem}.black-box{padding:1.4rem;background-color:var(--black);border-radius:10px;color:var(--white);font-size:1rem;line-height:1.5}@media (min-width:550px){article{display:grid;grid-template-columns:repeat(10,1fr);gap:1rem}.text{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:right;grid-column:5/11;grid-row:1/2}#projects ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#projects img{grid-column:1/6;grid-row:1/2;margin-top:0}#projects .reverse .text{grid-column:1/7;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:left}#projects .reverse img{grid-column:6/11;grid-row:1/2}#projects .reverse ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.contact-section{background-color:var(--tertiary-bkg-color);padding:50px 0 50px 0}.border{background:-webkit-gradient(linear,left top,right top,from(#ff17e4),to(#86fbfb));background:linear-gradient(90deg,#ff17e4,#86fbfb);height:2px}.button{background-color:var(--accent-color);padding:.5rem;border-radius:5px;font-family:var(--mono);text-decoration:none;color:var(--white)}.button:hover{color:var(--white);background-color:var(--accent-hover-color)}#intro{padding:4rem 1rem 9rem 1rem;max-width:1200px;margin:0 auto;text-align:left;line-height:1.5}#intro p{font-size:1rem;line-height:2.5}#intro .name{font-family:var(--mono);font-size:1rem}.name span{font-family:var(--sans);color:var(--light-accent-color);display:block}#intro h2,.name span{font-size:4rem}#contact{text-align:center;width:350px;margin:0 auto}#contact h2{margin-bottom:2rem}#contact p:last-child{margin-top:3rem}footer{width:400px;padding:20px;margin:20px auto;text-align:center}footer h2{font-size:1.3rem}footer ul{list-style-type:none;margin:2rem 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3rem}footer .icon{font-size:2.7rem}footer p{font-size:.9rem}html[data-v-630a6338]{font-family:Roboto Condensed,sans-serif;background-color:#eee;text-align:center}.svg-container[data-v-630a6338]{display:block;margin:auto;border:1px solid grey;border-radius:40px;background-color:#fff;max-width:450px;min-width:300px}.title[data-v-630a6338]{text-align:center}button[data-v-630a6338]{padding:10px;border-radius:10px;margin:auto;margin-top:20px;font-size:18px;background-color:#fff;font-family:Roboto Condensed,sans-serif}button[data-v-630a6338]:hover{background-color:#eee}.is-pressed[data-v-630a6338]{background-color:rgba(51,153,51,.2)}.is-pressed[data-v-630a6338]:hover{background-color:rgba(51,153,51,.3)}@-webkit-keyframes left-hand-animation-630a6338{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom right 60px;transform-origin:bottom right 60px}50%{-webkit-transform:rotate(1deg);transform:rotate(1deg);-webkit-transform-origin:bottom right 60px;transform-origin:bottom right 60px}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom right 60px;transform-origin:bottom right 60px}}@keyframes left-hand-animation-630a6338{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom right 60px;transform-origin:bottom right 60px}50%{-webkit-transform:rotate(1deg);transform:rotate(1deg);-webkit-transform-origin:bottom right 60px;transform-origin:bottom right 60px}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom right 60px;transform-origin:bottom right 60px}}@-webkit-keyframes right-hand-animation-630a6338{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom left 60px;transform-origin:bottom left 60px}50%{-webkit-transform:rotate(1deg);transform:rotate(1deg);-webkit-transform-origin:bottom left 60px;transform-origin:bottom left 60px}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom left 60px;transform-origin:bottom left 60px}}@keyframes right-hand-animation-630a6338{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom left 60px;transform-origin:bottom left 60px}50%{-webkit-transform:rotate(1deg);transform:rotate(1deg);-webkit-transform-origin:bottom left 60px;transform-origin:bottom left 60px}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom left 60px;transform-origin:bottom left 60px}}@-webkit-keyframes cascade-ball-animation-630a6338{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(30px) translateY(-23px);transform:translateX(30px) translateY(-23px)}50%{-webkit-transform:translateX(45px) translateY(0);transform:translateX(45px) translateY(0)}75%{-webkit-transform:translateX(15px) translateY(-23px);transform:translateX(15px) translateY(-23px)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes cascade-ball-animation-630a6338{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(30px) translateY(-23px);transform:translateX(30px) translateY(-23px)}50%{-webkit-transform:translateX(45px) translateY(0);transform:translateX(45px) translateY(0)}75%{-webkit-transform:translateX(15px) translateY(-23px);transform:translateX(15px) translateY(-23px)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes box-left-ball-animation-630a6338{0%{-webkit-transform:translateX(40px) translateY(-30px);transform:translateX(40px) translateY(-30px)}50%{-webkit-transform:translateX(40px);transform:translateX(40px)}to{-webkit-transform:translateX(40px) translateY(-30px);transform:translateX(40px) translateY(-30px)}}@keyframes box-left-ball-animation-630a6338{0%{-webkit-transform:translateX(40px) translateY(-30px);transform:translateX(40px) translateY(-30px)}50%{-webkit-transform:translateX(40px);transform:translateX(40px)}to{-webkit-transform:translateX(40px) translateY(-30px);transform:translateX(40px) translateY(-30px)}}@-webkit-keyframes box-top-ball-animation-630a6338{0%{-webkit-transform:translateX(40px);transform:translateX(40px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(40px);transform:translateX(40px)}}@keyframes box-top-ball-animation-630a6338{0%{-webkit-transform:translateX(40px);transform:translateX(40px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(40px);transform:translateX(40px)}}@-webkit-keyframes box-right-ball-animation-630a6338{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes box-right-ball-animation-630a6338{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes triangle-ball-animation-630a6338{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(23px) translateY(-23px);transform:translateX(23px) translateY(-23px)}66%{-webkit-transform:translateX(45px) translateY(0);transform:translateX(45px) translateY(0)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes triangle-ball-animation-630a6338{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(23px) translateY(-23px);transform:translateX(23px) translateY(-23px)}66%{-webkit-transform:translateX(45px) translateY(0);transform:translateX(45px) translateY(0)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes columns-right-ball-animation-630a6338{0%{-webkit-transform:translateX(45px);transform:translateX(45px)}50%{-webkit-transform:translateX(45px) translateY(-30px);transform:translateX(45px) translateY(-30px)}to{-webkit-transform:translateX(45px);transform:translateX(45px)}}@keyframes columns-right-ball-animation-630a6338{0%{-webkit-transform:translateX(45px);transform:translateX(45px)}50%{-webkit-transform:translateX(45px) translateY(-30px);transform:translateX(45px) translateY(-30px)}to{-webkit-transform:translateX(45px);transform:translateX(45px)}}@-webkit-keyframes columns-top-ball-animation-630a6338{0%{-webkit-transform:translateX(24px) translateY(-30px);transform:translateX(24px) translateY(-30px)}50%{-webkit-transform:translateX(24px) translateY(0);transform:translateX(24px) translateY(0)}to{-webkit-transform:translateX(24px) translateY(-30px);transform:translateX(24px) translateY(-30px)}}@keyframes columns-top-ball-animation-630a6338{0%{-webkit-transform:translateX(24px) translateY(-30px);transform:translateX(24px) translateY(-30px)}50%{-webkit-transform:translateX(24px) translateY(0);transform:translateX(24px) translateY(0)}to{-webkit-transform:translateX(24px) translateY(-30px);transform:translateX(24px) translateY(-30px)}}@-webkit-keyframes columns-left-ball-animation-630a6338{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes columns-left-ball-animation-630a6338{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#left-hand[data-v-630a6338]{-webkit-animation:left-hand-animation-630a6338 1s ease-in-out -1s infinite forwards;animation:left-hand-animation-630a6338 1s ease-in-out -1s infinite forwards}#right-hand[data-v-630a6338]{-webkit-animation:right-hand-animation-630a6338 1s ease-in-out 0s infinite forwards;animation:right-hand-animation-630a6338 1s ease-in-out 0s infinite forwards}.box-left-ball[data-v-630a6338]{-webkit-animation:box-left-ball-animation-630a6338 2s ease-in-out -1s infinite forwards;animation:box-left-ball-animation-630a6338 2s ease-in-out -1s infinite forwards}.box-right-ball[data-v-630a6338]{-webkit-animation:box-right-ball-animation-630a6338 2s ease-in-out -1s infinite forwards;animation:box-right-ball-animation-630a6338 2s ease-in-out -1s infinite forwards}.box-top-ball[data-v-630a6338]{-webkit-animation:box-top-ball-animation-630a6338 2s ease-in-out -1s infinite forwards;animation:box-top-ball-animation-630a6338 2s ease-in-out -1s infinite forwards}.cascade-left-ball[data-v-630a6338]{-webkit-animation:cascade-ball-animation-630a6338 3s ease-in-out -1s infinite forwards;animation:cascade-ball-animation-630a6338 3s ease-in-out -1s infinite forwards}.cascade-right-ball[data-v-630a6338]{-webkit-animation:cascade-ball-animation-630a6338 3s ease-in-out 0s infinite forwards;animation:cascade-ball-animation-630a6338 3s ease-in-out 0s infinite forwards}.cascade-top-ball[data-v-630a6338]{-webkit-animation:cascade-ball-animation-630a6338 3s ease-in-out -2s infinite forwards;animation:cascade-ball-animation-630a6338 3s ease-in-out -2s infinite forwards}.triangle-left-ball[data-v-630a6338]{-webkit-animation:triangle-ball-animation-630a6338 3s ease-in-out -1s infinite forwards;animation:triangle-ball-animation-630a6338 3s ease-in-out -1s infinite forwards}.triangle-right-ball[data-v-630a6338]{-webkit-animation:triangle-ball-animation-630a6338 3s ease-in-out 0s infinite forwards;animation:triangle-ball-animation-630a6338 3s ease-in-out 0s infinite forwards}.triangle-top-ball[data-v-630a6338]{-webkit-animation:triangle-ball-animation-630a6338 3s ease-in-out -2s infinite forwards;animation:triangle-ball-animation-630a6338 3s ease-in-out -2s infinite forwards}.columns-left-ball[data-v-630a6338]{-webkit-animation:columns-left-ball-animation-630a6338 2s ease-in-out -1s infinite forwards;animation:columns-left-ball-animation-630a6338 2s ease-in-out -1s infinite forwards}.columns-right-ball[data-v-630a6338]{-webkit-animation:columns-right-ball-animation-630a6338 2s ease-in-out -1s infinite forwards;animation:columns-right-ball-animation-630a6338 2s ease-in-out -1s infinite forwards}.columns-top-ball[data-v-630a6338]{-webkit-animation:columns-top-ball-animation-630a6338 2s ease-in-out -1s infinite forwards;animation:columns-top-ball-animation-630a6338 2s ease-in-out -1s infinite forwards}