@import https://cdn.jsdelivr.net/npm/animate.css@3.5.1;#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;padding:0;margin:0;box-sizing:border-box;width:100%}.main-container{background-color:#22223b;z-index:-999;min-height:100vh;width:100vw;height:100%;display:flex;justify-content:center;align-items:center}li{z-index:0}.repo-grid{margin-top:1rem;display:grid;grid-template-columns:1fr;grid-gap:14px}@media (min-width:800px){.repo-grid{grid-template-columns:repeat(2,1fr)}}.repo{box-shadow:0 0 20px -5px rgba(0,0,0,.75);padding:10px 10px 0 10px;border-radius:10px;display:grid;grid-template-columns:minmax(75px,1fr) auto minmax(75px,1fr);grid-template-rows:minmax(40px,1fr) 1fr minmax(20px,1fr);transition:all .3s ease}.repo:hover{box-shadow:0 0 25px -3px rgba(0,0,0,.75);background-color:#282845}.repo:hover .repo__title{color:#deaefb}.repo:hover .repo__title:hover{color:#ca7df9}.repo__title{font-size:.9rem;font-weight:800;text-align:center;grid-column:1/5;transition:color .3s ease}.repo__description{font-size:.7rem;grid-column:1/5}.repo__lang{font-size:.6rem;grid-column:4/5;font-weight:800}.section{max-width:700px;width:90vw;color:#fff;font-family:Fira Code,monospace;padding:15px;margin-bottom:20vh}.section--centered{transform:translateX(15%)}.section__header-box{z-index:1000;width:100%;height:85px;position:fixed;background-color:#22223b;top:0;left:0}.section__header{position:-webkit-sticky;position:sticky;z-index:1000;top:5px;font-size:3rem;-webkit-animation:appear .5s ease;animation:appear .5s ease}.section__paragraph,.section__subheader{font-size:.8rem;-webkit-animation:appear .7s ease;animation:appear .7s ease}.section__paragraph{margin-top:.2rem}.section__paragraph:first-of-type{margin-top:2rem}.section__projects-link{color:#ca7df9;transition:color .3s ease}.section__projects-link:hover{color:#ac34f6}.section__title{margin-top:2rem;font-size:1.1rem;font-weight:bolder;-webkit-animation:appear .7s ease;animation:appear .7s ease}.section__subtitle{font-weight:bolder;font-size:.9rem;margin:0 15px 0 15px;position:relative}.section__subtitle:before{content:">";position:absolute;top:-2px;left:0;transform:translateX(-15px);transition:transform .3s ease}.section__list{position:relative;-webkit-animation:linkAppear .7s ease both;animation:linkAppear .7s ease both;font-size:.8rem;margin:0 15px 0 15px}.section__list:before{content:">";position:absolute;top:0;left:0;transform:translateX(-15px);transition:transform .3s ease}.section__link{display:inline-block;-webkit-animation:linkAppear 1.2s ease .5s both;animation:linkAppear 1.2s ease .5s both;font-size:.8rem;font-weight:800;margin:0 15px 0 15px;position:relative;transition:color .3s ease}.section__link--about{position:-webkit-sticky;position:sticky;z-index:1000;top:60px;cursor:pointer}.section__link:hover{color:#ca7df9}.section__link:hover:before{transform:translateX(-15px) rotate(1turn)}.section__link:before{content:">";position:absolute;top:0;left:0;transform:translateX(-15px);transition:transform .3s ease}.section__link:nth-child(2){-webkit-animation-delay:.75s;animation-delay:.75s}.section__link:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.section__link:nth-child(4){cursor:pointer;-webkit-animation-delay:1.25s;animation-delay:1.25s}@media screen and (max-width:600px){.section__header{font-size:2rem}.section__title{margin-top:3rem}.section--centered{transform:none}}.btn{position:relative;font-size:16px;font-weight:500;border-radius:5px;text-transform:uppercase;background-color:#fff;padding:10px 30px;border:none;transition:transform .3s ease-out,all .4s}.btn--hidden{opacity:0;transform:translateY(200px)}.btn:after{content:"💜";font-weight:200;position:absolute;left:70%;top:22%;right:10%;opacity:0;transition:all .3s}.btn:hover{background-color:#ca7df9;color:#fff;padding:10px 50px 10px 30px;box-shadow:0 0 63px -14px #ff17ff}.btn:hover:after{transform:translateX(10px);opacity:1}.heart{position:fixed;font-size:2rem;top:-8vh;transform:translateY(0);-webkit-animation:fall 3s ease-in forwards;animation:fall 3s ease-in forwards;transition:transform .3s ease}@-webkit-keyframes appear{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes appear{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes linkAppear{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes linkAppear{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes fall{to{transform:translateY(120vh)}}@keyframes fall{to{transform:translateY(120vh)}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}b,strong{font-weight:bolder}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none;-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}template{display:none}h2,h4,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ul{list-style:none;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}button{cursor:pointer}h2,h4{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,button{color:inherit}button{padding:0;line-height:inherit}.border{border-width:1px}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}