body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#fff}a:visited{color:#ddd}.welcome-background{-webkit-animation:fade-in 3s ease-in;animation:fade-in 3s ease-in;background:url(/static/media/main-bg.262e1b829f12e6ea937d.jpg) 50%/cover no-repeat;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:-1}.welcome-background.active{opacity:.2}.my-node-enter .welcome-background{opacity:0}.my-node-enter-active .welcome-background{opacity:.2;transition:opacity .5s}.my-node-exit .welcome-background{opacity:.2}.my-node-exit-active .welcome-background{opacity:0;transition:opacity .5s}.welcome{align-items:center;color:#fff;height:100vh;justify-content:center;text-align:center}.welcome a{color:#fff;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:-webkit-text-decoration-color .3s ease-in-out;transition:text-decoration-color .3s ease-in-out;transition:text-decoration-color .3s ease-in-out,-webkit-text-decoration-color .3s ease-in-out}.welcome a:hover{-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.welcome .greeting{opacity:0;transition:opacity 1s ease-in-out}.welcome .greeting.active{opacity:1}.welcome .greeting .name{text-align:left}.welcome .greeting .name h2{margin-bottom:-1em}.welcome .with-animated-color{-webkit-animation:color 120s 0s infinite;animation:color 120s 0s infinite}.welcome .values{font-size:2em}.welcome .about-me{gap:1em;justify-content:center;margin:2em}.welcome .see-projects{font-size:150%}.welcome .icon{transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.welcome .icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes color{0%{color:#fff}16%{color:salmon}33%{color:aqua}50%{color:#556b2f}67%{color:bisque}83%{color:hotpink}to{color:#fff}}@keyframes color{0%{color:#fff}16%{color:salmon}33%{color:aqua}50%{color:#556b2f}67%{color:bisque}83%{color:hotpink}to{color:#fff}}@-webkit-keyframes screen-background{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes screen-background{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:.2}}@keyframes fade-in{0%{opacity:0}to{opacity:.2}}@media only screen and (max-width:600px){.welcome .greeting .name{text-align:center}}.home{height:100vh}button.text-button{background-color:transparent;border:none;color:#fff;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:-webkit-text-decoration .1s ease-in-out;transition:text-decoration .1s ease-in-out;transition:text-decoration .1s ease-in-out,-webkit-text-decoration .1s ease-in-out}button.text-button:active{-webkit-text-decoration-color:#fff;text-decoration-color:#fff}h1{font-size:4em}h2{font-size:2em}@media only screen and (max-width:600px){h1{font-size:2.5em}h2{font-size:1.25em}}@media only screen and (min-width:600px){h1{font-size:3em}h2{font-size:1.5em}}@media only screen and (min-width:768px){h1{font-size:4em}h2{font-size:2em}}@media only screen and (min-width:992px){h1{font-size:4em}h2{font-size:2em}}@media only screen and (min-width:1200px){h1{font-size:4.5em}h2{font-size:2.25em}}.projects>.title{text-align:center}.project .filter,.projects .filter{background-color:#222;border:1px solid #111;border-radius:10px;color:#fff;font-size:1em;outline:none;padding:1em;transition:background-color .1s ease-in-out}.project .filter:focus,.projects .filter:focus{background-color:#2a2a2a}.projects .actions{display:flex;flex-direction:row;justify-content:space-between;margin:1em 0}.projects .actions .tags-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.projects .tag{background-color:#111;border:1px solid #111;border-radius:10px;color:#ddd;outline:none;padding:.75em;transition:.5s}.projects .tag.selected{background-color:#333;border:1px solid #777;color:#fff;font-weight:500}.project .tag.hidden{display:none}.projects .tag:not(.selected):focus{background-color:#222;color:#eee}.projects .results{gap:20px;margin-bottom:2em}.projects .results.showing{opacity:1}.projects .card{height:100%}.projects .card .project-title{display:flex;flex:1 1;flex-direction:column}.projects .card .project-title .year{color:#aaa;font-size:x-small;margin-top:.5em}.projects .card .project-title .link{display:flex}.projects .card .clickable-title{display:flex;flex:1 1;justify-content:space-between}.projects .card .clickable-title .icon{height:1em;width:1em}.projects .description{color:#aaa}.projects .tags{display:flex;flex-wrap:wrap;gap:.25em;margin-bottom:.5em;margin-top:.75em}.projects .badge{border-radius:.5em;font-size:x-small;padding:.5em}.projects .badge.clickable{cursor:pointer}.projects .badge.removable:before{content:"\00d7  "}.projects .see-projects span:after{content:" →";font-size:1.5rem;margin-bottom:10rem;margin-top:5rem}button.on{background-color:#95c2ae;color:#102308}button.on:hover{background-color:#a8dac4}button.off{background-color:grey;color:#fff}button.off:hover{background-color:#a0a0a0}button.booting_up{background-color:#f2ce72;color:#333}button.waiting{background-color:#ffc61a;color:#7f630d}button.booting_up:hover,button.waiting:hover,button[disabled]:hover{cursor:wait}.project .synopsis{border-radius:.5rem;color:#aaa;padding:.5rem 1rem}.project .section{margin-bottom:3rem;margin-top:1rem}.project .description{background-color:#1a1a1a;border-radius:.5rem;display:flex;flex-direction:column;padding:.5rem 1rem}.project .title-container{display:flex;justify-content:space-between;margin:0 0 0 1rem}.project .title-container .try{align-items:center;display:flex}.project .spin-info-container{margin:-1.5rem 0 1.5rem 1rem}.project .spin-info-container .spin-info{display:flex;gap:.5rem}.project .spin-info-container .details{color:#aaa;display:block;font-size:small;margin-bottom:1rem}.project .spin-info .filter{flex:1 1}.listening-live{bottom:0;display:flex;height:100px;position:fixed;width:100%;z-index:1}.listening-live .artist-link{color:#ccc;text-decoration:none}.listening-live .artist-link:hover{color:#fff;text-decoration:underline}.listening-live>.card{background-color:#111;border-radius:0;flex:1 1}.listening-live>.card>.body{align-items:center;display:flex;padding:1em}.listening-live .image{height:80px;margin-left:-.5em;object-fit:contain;width:auto}.listening-live .track-info{align-items:center;display:flex;flex:10 1;flex-direction:row;gap:1em;padding:.5em .75em}.listening-live.mobile .track-info{align-items:unset;flex-direction:column}.listening-live .track-title{display:flex;gap:.25em}.listening-live .album-artist-info{display:block;font-size:small;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listening-live.mobile .album-artist-info{margin-top:0}.listening-live .track-title-album{width:200px}.listening-live.mobile .track-title-album{width:100%}.listening-live .track-progress{align-items:center;display:flex;flex:1 0 auto;flex-direction:column;gap:1em}.listening-live .track-progress .total{background-color:#222;height:5px;width:100%}.listening-live .track-progress .actual{background-color:#aaa;height:5px;transition:width 50ms ease-in-out}.spotify .resource-list{gap:2em!important;margin:1em 0}.spotify .name.playing{color:#00d95f}@media only screen and (max-width:450px){.resource-list.grid{grid-template-columns:repeat(2,1fr)}.resource-list.grid>a:last-child{display:none}}@media only screen and (max-width:600px){.resource-list.grid{grid-template-columns:repeat(2,1fr)}.resource-list.grid>a:last-child{display:none}}@media only screen and (min-width:600px){.resource-list.grid{grid-template-columns:repeat(2,1fr)}.resource-list.grid>a:last-child{display:none}}@media only screen and (min-width:768px){.resource-list.grid{grid-template-columns:repeat(4,1fr)}.resource-list.grid>a:last-child{display:none}}@media only screen and (min-width:992px){.resource-list.grid{grid-template-columns:repeat(5,1fr)}.resource-list.grid>a:last-child{display:flex}}@media only screen and (min-width:1200px){.resource-list.grid{grid-template-columns:repeat(5,1fr)}.resource-list.grid>a:last-child{display:flex}}.spotify .artist{background-color:#181818a0;border-radius:.65em;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:1.5em;text-decoration:none;transition:background-color .3s ease-in-out}.spotify .artist:hover:not(.detailed){background-color:#282828a0}.spotify .artist .name{display:block;font-size:large;font-weight:bolder;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify .artist .image{border-radius:500px;margin-bottom:1em}.spotify .artist.detailed{display:flex;flex-direction:row;gap:1.5rem}.spotify .artist.detailed .name{font-size:x-large}.spotify .artist.detailed .image{margin-bottom:0}.spotify .track{background-color:#181818a0;border-radius:.65em;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:1.5em;text-decoration:none;transition:background-color .3s ease-in-out}.spotify .track:hover{background-color:#282828a0}.spotify .track .name{display:block;font-size:large;font-weight:bolder;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify .track .image{border-radius:.5em;height:auto;margin-bottom:1em;object-fit:cover;width:100%}.spotify .insight-container{display:flex;flex-direction:column;gap:1rem}.spotify .insight{background-color:#181818a0;border-radius:.65em;color:#fff;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:1.5em;text-decoration:none;transition:background-color .3s ease-in-out}.spotify .insight:hover{background-color:#28282870}.spotify .insight .section{grid-gap:.5rem;display:grid;gap:.5rem}.spotify.container{margin-bottom:132px;position:relative}.About .section-title{align-items:center;display:flex;justify-content:space-between}.all-projects .table{display:grid;margin-bottom:6rem}.all-projects .title-container{display:flex;justify-content:space-between}.all-projects .table .row{grid-gap:.5rem;display:grid;font-size:.85rem;gap:.5rem;grid-template-columns:repeat(7,1fr);padding:.5rem}.all-projects .table .row.project:hover{background-color:#333}.all-projects .table .name{display:flex;flex-direction:column;grid-column:1/span 2}.all-projects .table .name .synopsis{font-size:x-small;padding-left:0;padding-right:0}.all-projects .table .link{display:flex;gap:5px}.all-projects .table .row>div{display:flex;flex-direction:column;justify-content:center}.all-projects .table .row .link{align-items:center;flex-direction:row;justify-content:start}.all-projects .table .row .deployed-with{align-items:center;flex-direction:column;justify-content:center;text-align:center}@media only screen and (max-width:450px){.all-projects .table .row{grid-template-columns:repeat(4,1fr)}.all-projects .table .row .company,.all-projects .table .row .deployed-with,.all-projects .table .row .tech{display:none}}@media only screen and (max-width:600px){.all-projects .table .row{grid-template-columns:repeat(4,1fr)}.all-projects .table .row .company,.all-projects .table .row .deployed-with,.all-projects .table .row .tech{display:none}}@media only screen and (min-width:600px){.all-projects .table .row{grid-template-columns:repeat(5,1fr)}.all-projects .table .row .company,.all-projects .table .row .deployed-with{display:none}}@media only screen and (min-width:992px){.all-projects .table .row{grid-template-columns:repeat(7,1fr)}.all-projects .table .row .company,.all-projects .table .row .deployed-with{display:flex}}.photos>.title{text-align:center}.photos .pagination{align-items:center;padding:.5rem 0}.photos .actions,.photos .pagination{display:flex;justify-content:space-between}.photos .actions{flex-direction:row;margin:1em 0}.photos .actions .tags-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.photos .tag{background-color:#111;border:1px solid #111;border-radius:10px;color:#ddd;outline:none;padding:.75em;transition:.5s}.photos .selected{background-color:#333;border:1px solid #777;color:#fff;font-weight:500}.hidden{opacity:0}.photos .tag:not(.selected):focus{background-color:#222;color:#eee}.photos .photos-container{grid-gap:1rem .5rem;display:grid;gap:1rem .5rem;grid-template-columns:repeat(4,1fr)}@media only screen and (max-width:600px){.photos .photos-container{grid-template-columns:repeat(2,1fr)}}.photos .photos-container .wrapper{height:100%;overflow:hidden;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.photos .photos-container .wrapper .location{color:#777;font-size:x-small}.photos .photos-container .wrapper .notes{font-size:small}.photos .photos-container .wrapper img{height:100%;min-height:100%;min-width:100%;object-fit:cover;opacity:0;transition:all .5s ease;width:100%}.photos .photos-container .wrapper img.photo:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}.header{display:flex;margin-left:32px;margin-right:32px;margin-top:32px}.header a{color:#fff;text-decoration:none}.header .logo{align-items:center;display:flex;flex:0 1 auto}.header .logo .image img{border-radius:100%;height:30px;margin-right:10px;width:30px}.header .logo .image{height:30px;padding-right:.7em;width:30px}.header .logo .name{font-size:110%;margin-bottom:3px}.header .menu{align-items:center;display:flex;flex:1 0 auto;flex-direction:row;gap:1rem;justify-content:flex-end;margin-left:2rem;margin-right:1rem}.header .menu a.selected{text-decoration:underline}.header .menu a.item{padding-bottom:4px}@media only screen and (max-width:600px){.header .menu{display:none!important}}.tags-container{display:flex;flex-wrap:wrap;gap:.25em;margin-bottom:.5em;margin-top:.75em}.tags-container .tag{background-color:#111;border-radius:.5em;color:#ddd;font-size:x-small;outline:none;padding:.5em 1em;transition:.5s}.tags-container .tag.clickable{cursor:pointer}.view-featured-project{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.view-featured-project .image{grid-column:1/3;position:relative}.view-featured-project .details{grid-column:3/4;position:relative}.view-featured-project:nth-child(2n) .image{grid-column:2/4}.view-featured-project:nth-child(2n) .details{grid-column:1/2;grid-row-start:1}.view-featured-project .details{display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.view-featured-project .details .title-and-year{display:flex;flex-direction:column;gap:5px;margin:.75rem 0}.view-featured-project .details .title-and-year .title{font-size:1.5rem;margin:0}.view-featured-project .details .title-and-year .year{font-size:x-small}.view-featured-project .details .title-and-year .year .started-in{color:#777}.view-featured-project .image .overlay{background-color:#111;inset:0;opacity:.3;position:absolute;transition:opacity .3s ease-in-out;z-index:1}.view-featured-project .image img{object-fit:cover;opacity:0;transition:all .3s ease-in-out}.view-featured-project .image img.visible{opacity:1}.view-featured-project .image:hover img{-webkit-transform:scale(1.005);transform:scale(1.005)}.view-featured-project .image:hover .overlay{opacity:0}.desktop{-webkit-filter:drop-shadow(-5px 0 5px #222);filter:drop-shadow(-5px 0 5px #222)}@media only screen and (max-width:600px){.view-featured-project{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.view-featured-project .image{grid-column:1/2!important;grid-row-start:1!important}.view-featured-project .details{grid-column:1/2;grid-row-start:2!important;margin-top:-2rem}}.grid{grid-gap:10px;display:grid;gap:10px}@media only screen and (max-width:450px){.grid{grid-template-columns:repeat(2,1fr)}.grid>.item:last-child{display:none}}@media only screen and (max-width:600px){.grid{grid-template-columns:1fr}.grid>.item:last-child{display:none}}@media only screen and (min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}.grid>.item:last-child{display:none}}@media only screen and (min-width:768px){.grid{grid-template-columns:repeat(4,1fr)}.grid>.item:last-child{display:none}}@media only screen and (min-width:992px){.grid{grid-template-columns:repeat(5,1fr)}.grid>.item:last-child{display:flex}}@media only screen and (min-width:1200px){.grid{grid-template-columns:repeat(5,1fr)}.grid>.item:last-child{display:flex}}*{scrollbar-color:#fff #000;scrollbar-width:auto}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid #000;border-radius:20px}body{background-color:#000;color:#fff}section{display:flex;flex-direction:column}.fluid-container{max-width:none!important}.container,.fluid-container{padding-left:32px;padding-right:32px}.container{margin:0 auto;max-width:none}.button{background-color:#222;border:1px solid #222;border-radius:10px;color:#ddd;outline:none;padding:.75em;text-decoration:none;transition:.5s}.button:hover{background-color:#333;cursor:pointer}.button:active{background-color:#111;cursor:pointer}.button:focus{box-shadow:0 0 0 3px hsla(0,0%,59%,.4);outline:none}.button.scale-up-on-hover:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card{background:#222222aa;border:1px solid #1f1f1f;border-radius:.5em;display:grid}.card .header{margin:.5em}.card .body{margin-left:.5em;margin-right:.5em;min-height:50px}.card .footer{margin:.5em}.icons{display:flex;gap:.5em}.icon{height:1.5em;width:1.5em}.my-node-enter{opacity:0}.my-node-enter-active{opacity:1;transition:opacity .5s}.my-node-exit{opacity:1}.my-node-exit-active{opacity:0;transition:opacity .5s}.text-centered{text-align:center}@media only screen and (min-width:1024px){.container{max-width:960px}}
/*# sourceMappingURL=main.9ed3d4ea.css.map*/