@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap";.loading-indicator-wrapper[data-v-37aa24c1]{display:flex;justify-content:center;align-items:center}.lds-ellipsis[data-v-37aa24c1]{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div[data-v-37aa24c1]{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div[data-v-37aa24c1]:nth-child(1){left:8px;animation:lds-ellipsis1-37aa24c1 .6s infinite}.lds-ellipsis div[data-v-37aa24c1]:nth-child(2){left:8px;animation:lds-ellipsis2-37aa24c1 .6s infinite}.lds-ellipsis div[data-v-37aa24c1]:nth-child(3){left:32px;animation:lds-ellipsis2-37aa24c1 .6s infinite}.lds-ellipsis div[data-v-37aa24c1]:nth-child(4){left:56px;animation:lds-ellipsis3-37aa24c1 .6s infinite}@keyframes lds-ellipsis1-37aa24c1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3-37aa24c1{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2-37aa24c1{0%{transform:translate(0)}to{transform:translate(24px)}}body{margin:0;padding:0;background-color:#0c0c0c;color:#fff}#app{font-family:Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;max-width:1920px}.container{margin:2rem;padding:6rem;background-color:#181818;box-sizing:border-box;color:#fff;border-radius:1rem}@media (max-width: 600px){.container{margin:1rem;padding:2rem}}.container.centered{text-align:center}.container.landing{background-color:#181818;background-repeat:no-repeat;background-size:cover;min-height:calc(100vh - 4rem);display:flex;justify-content:flex-start;align-items:center;color:#fff}@media (max-width: 600px){.container.landing{min-height:calc(100vh - 2rem)}}.container.landing h1.large{font-size:7rem;font-weight:400;max-width:60rem;line-height:1}@media (max-width: 1400px){.container.landing h1.large{font-size:5rem}}@media (max-width: 768px){.container.landing h1.large{font-size:2.75rem}}.container.landing h2{font-weight:400;max-width:55rem;font-size:2.25rem}@media (max-width: 768px){.container.landing h2{font-size:1.7rem}}@media (max-width: 768px){.container.landing h2{font-size:1.25rem}}.container.landing h1 b,.container.landing h2 b{font-weight:700;color:#5e68f0}.container.landing label{color:#6f6f6f}.container.blue{background-color:#5e68f0;color:#fff}.container.yellow{background-color:#f5f5f7;color:#000}.container.technologies img{margin-top:3rem}.container h1{font-size:3rem;margin:1rem 0;padding:0}.container p{margin:1rem 0;padding:0}.content-wrapper{margin:0 auto;max-width:1200px}.projects{display:flex;justify-content:flex-start;align-items:stretch;align-content:stretch;flex-wrap:wrap;margin:-1rem 1rem;overflow:hidden}@media (max-width: 600px){.projects{margin:-.5rem .5rem}}.projects>.perspective{flex-basis:35%;flex-shrink:1;flex-grow:1;display:flex;justify-content:stretch;align-items:stretch}@media (max-width: 1200px){.projects>.perspective{flex-basis:100%}}.projects .project{margin:1rem;background-color:#181818;box-sizing:border-box;padding:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-basis:35%;flex-shrink:1;flex-grow:1;border-radius:1rem}@media (max-width: 600px){.projects .project{display:block;flex-basis:100%;margin:.5rem}}.projects .project.flyco{background-color:#23cf79}.projects .project.diyfolio{background-color:#5f25d9}.projects .project .project-content{flex-grow:1;flex-shrink:1;padding:2rem}@media (max-width: 600px){.projects .project .project-content{padding:0}}.projects .project .project-content p{font-size:.9rem}.projects .project img{display:block;max-width:50%;flex-basis:40%}.projects .project div.project-image{min-height:5rem;min-width:3rem;height:100%;flex-basis:50%;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:.25rem}@media (max-width: 600px){.projects .project div.project-image{height:15rem}}.projects .project div.project-image.within{background-image:url(/assets/within-D7kC8E4A.png);background-size:contain}.projects .project div.project-image.flyco{background-image:url(/assets/flyco-Cpym_NcY.png);background-size:contain}.projects .project div.project-image.diyfolio{background-image:url(/assets/diyfolio-DKaMKYe3.png)}.projects .project div.project-image.tinyapps{background-image:url(/assets/tinyapps-jT8vr9SK.jpg)}.projects .project div.project-image.monitorist{background-image:url(/assets/monitorist-BQgcWBUJ.jpg)}.projects .project a.btn{display:inline-block;margin-top:.5rem}a.btn,button{background:#fff;color:#000;padding:.4rem 1.6rem;font-weight:700;text-transform:uppercase;border:none;text-decoration:none;appearance:none;border-radius:.25rem;transition:background .25s,color .1s;cursor:pointer}a.btn[disabled],button[disabled]{pointer-events:none;opacity:.5}a.btn:hover,a.btn:focus,button:hover,button:focus{background:#5e68f0;color:#fff}a:not(.btn){color:inherit}@media (max-width: 800px){.desktop-only{display:none}}@media (min-width: 801px){.mobile-only{display:none}}.perspective{perspective:2.5rem;overflow:hidden}.perspective .perspective-inner{transition:transform .65s}.perspective .perspective-inner.landing-container{overflow:hidden}.perspective .perspective-inner.landing-container:not(.show){opacity:0;transform:translateY(5rem) rotateX(-.05deg)}.perspective-animation-only{perspective:2.5rem;overflow:hidden}.contact-bar{display:flex;justify-content:space-between;align-items:stretch;margin:-1rem 1rem}@media (max-width: 1200px){.contact-bar{flex-wrap:wrap;justify-content:flex-start}}@media (max-width: 600px){.contact-bar{margin:-.5rem .5rem}}.contact-bar>.perspective{flex-basis:9rem;display:flex;justify-content:stretch;align-items:stretch}@media (max-width: 600px){.contact-bar>.perspective{flex-basis:20%;flex-grow:1}}.contact-bar .container{margin:1rem;background-color:#181818;padding:1rem;color:#fff}@media (max-width: 600px){.contact-bar .container{margin:.5rem}}.contact-bar .container.contact-form{flex-grow:1;display:flex;justify-content:space-between;align-items:center}@media (max-width: 800px){.contact-bar .container.contact-form{flex-wrap:wrap}}.contact-bar .container.contact-form.expanded{align-items:flex-end}.contact-bar .container.contact-form label{margin:1rem}.contact-bar .container.contact-form input[type=text],.contact-bar .container.contact-form input[type=email],.contact-bar .container.contact-form textarea{background:#ffffff1a;color:#fff;padding:1rem 1.5rem;border:none;margin:1rem;font-family:inherit;font-size:.9rem;flex-grow:1;outline:none;min-width:6rem;border-radius:.25rem}.contact-bar .container.contact-form input[type=text]:focus,.contact-bar .container.contact-form input[type=email]:focus,.contact-bar .container.contact-form textarea:focus{box-shadow:0 0 0 2px inset #5e68f0}.contact-bar .container.contact-form textarea{min-height:5rem}.contact-bar .container.contact-form button{padding:1rem 1.5rem;font-weight:700;font-size:.9rem;margin:1rem}.contact-bar .container.button{flex-basis:100%;text-decoration:none;color:#fff;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;transition:background-color .15s}.contact-bar .container.button:hover{background-color:#5e68f0}.contact-bar .container.button img,.contact-bar .container.button svg{max-width:2rem;margin:.75rem}footer{padding:2rem;text-align:right}footer a{display:block;color:#fff;font-size:.8rem;text-decoration:none;margin:.5rem 0}.container-enter-active,.container-leave-active{transition:opacity 1.25s .75s,transform 1.5s .5s}.container-enter,.container-leave-to{opacity:0;transform:translateY(1.5rem) rotateX(-.5deg)}.blinking-cursor{color:#5e68f0;-webkit-animation:1s blink step-end infinite;-moz-animation:1s blink step-end infinite;-ms-animation:1s blink step-end infinite;-o-animation:1s blink step-end infinite;animation:1s blink step-end infinite}.technology-items{display:flex;justify-content:space-between;align-items:center;align-content:flex-start;flex-wrap:wrap}.technology-items>div{flex-basis:13%;min-width:150px;flex-grow:1;padding:1rem}.technology-items>div img{height:45px}.technology-items>div p{font-weight:700}span.gradient-1{background-color:#40dfa3;background-image:linear-gradient(45deg,#a163f1,#6363f1 22%,#3498ea 40%,#40dfa3 67%,#40dfa300);-webkit-background-clip:text;background-size:150% 100%;background-clip:text;background-repeat:no-repeat;-webkit-text-fill-color:transparent;animation:intro-gradient 2.5s cubic-bezier(.85,.26,.89,.93);animation-iteration-count:1;animation-fill-mode:backwards;animation-delay:.2s}.my-work{background-color:#40dfa3}.animated-gradient-background{background-color:#a163f1;background-image:linear-gradient(45deg,#40dfa3,#3498ea 22%,#6363f1 40%,#a163f1 67%,#a163f100);background-size:150% 100%;background-repeat:no-repeat;animation:intro-gradient 4s ease-in-out;animation-iteration-count:1;animation-fill-mode:backwards;animation-delay:.1s}@keyframes intro-gradient{0%{background-position:300% 100%}to{background-position:0 100%}}@keyframes blink{0%,to{color:transparent}50%{color:#5e68f0}}@-moz-keyframes blink{0%,to{color:transparent}50%{color:#5e68f0}}@-webkit-keyframes blink{0%,to{color:transparent}50%{color:#5e68f0}}@-ms-keyframes blink{0%,to{color:transparent}50%{color:#5e68f0}}@-o-keyframes blink{0%,to{color:transparent}50%{color:#5e68f0}}