@keyframes hero-flicker{0%{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3)}33%{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3),-5px 0 11px rgba(0,0,255,.3)}66%{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),-5px 0 11px rgba(0,0,255,.3)}to{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3),-5px 0 11px rgba(0,0,255,.3)}}.hero{margin-top:2rem;width:100%;animation:hero-flicker 5s infinite;color:transparent}h1{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:FOT-Matisse Pro EB,serif;transform:scaleY(1.5)}.hero-fn{margin:0;font-size:10rem}.hero-ln{margin:0;font-size:13rem}h2{text-align:end;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Arial,serif;transform:scaleY(1.5)}.hero-sub1{margin:0 0 1rem;font-size:8rem}.hero-sub2{margin:0;font-size:6rem;padding-bottom:2rem}@media (max-width: 550px){@keyframes hero-flicker{0%{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 5px rgba(255,255,255,.4),5px 0 9px rgba(255,0,0,.3)}33%{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 5px rgba(255,255,255,.4),5px 0 9px rgba(255,0,0,.3),-5px 0 9px rgba(0,0,255,.3)}66%{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 5px rgba(255,255,255,.4),-5px 0 9px rgba(0,0,255,.3)}to{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 5px rgba(255,255,255,.4),5px 0 9px rgba(255,0,0,.3),-5px 0 9px rgba(0,0,255,.3)}}.hero-fn{font-size:5rem}.hero-ln{font-size:6rem}.hero-sub1{font-size:3.5rem;margin:.5rem 0}.hero-sub2{font-size:2rem}}.about{font-family:Arial,sans-serif;margin:0;padding:0 0 1rem;font-size:2rem}@media (max-width: 550px){.about{font-size:1.5rem;text-align:justify}}.projects{display:flex;flex-direction:column}.project-row{display:flex;flex-direction:row;padding:0 0 1rem}.project-image{width:300px;height:300px;-o-object-fit:cover;object-fit:cover;padding-right:2rem;filter:grayscale(100%) blur(2px);transition:filter .3s ease}.project-row:hover .project-image{filter:none}.project-details{flex:1}.project-title{margin:0;font-size:2.8rem;font-family:Arial,serif;font-weight:700;text-transform:uppercase}.project-title:hover{text-decoration:underline}.project-technologies{font-family:Arial,sans-serif;font-size:1.2rem;margin:.5rem 0}.project-description{font-family:Arial,sans-serif;margin:0;font-size:2rem}@media (max-width: 550px){.project-image{display:none}.project-title{font-size:2.2rem;text-align:center}.project-technologies{font-size:1rem;text-align:center}.project-description{font-size:1.5rem;text-align:justify}}.experience{display:flex;flex-direction:column}.experience-row{display:flex;flex-direction:column;padding:0 0 2rem}.experience-header{display:flex;flex-direction:row;justify-content:space-between;text-decoration:none;color:inherit;flex:1}.experience-title{font-family:Arial,serif;margin:0;font-size:2.5rem;text-transform:uppercase;font-weight:700}.experience-title:hover{text-decoration:underline}.experience-date{font-family:Arial,serif;margin:0;font-size:2.5rem}.experience-sub{font-family:FOT-Matisse Pro EB,serif;margin:0;font-size:2rem;font-style:italic}.experience-details{font-family:Arial,sans-serif;margin:0;font-size:1.6rem;line-height:1.5;list-style-type:">  "}.experience-link{text-decoration:none;color:inherit;flex:1}@media (max-width: 550px){.experience-header{flex-direction:column}.experience-title{font-size:2rem}.experience-date{font-size:1.4rem}.experience-sub{font-size:1.6rem}.experience-details{font-size:1.4rem}}@keyframes nav-flicker{0%{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3)}33%{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3),-5px 0 11px rgba(0,0,255,.3)}66%{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),-5px 0 11px rgba(0,0,255,.3)}to{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3),-5px 0 11px rgba(0,0,255,.3)}}.nav{margin:2rem 0 1rem;width:100%;display:flex;justify-content:space-between;align-items:center;animation:nav-flicker 5s infinite;color:transparent}.nav-item{margin:4rem 0 3rem;font-family:Arial,sans-serif;font-size:3rem;font-weight:700;transform:scaleY(1.5);text-transform:uppercase}.nav-item:hover{text-decoration:underline}.active{text-decoration:underline;font-style:italic}@media (max-width: 550px){@keyframes nav-flicker{0%{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3)}33%{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3),-5px 0 11px rgba(0,0,255,.3)}66%{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),-5px 0 11px rgba(0,0,255,.3)}to{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.4),5px 0 11px rgba(255,0,0,.3),-5px 0 11px rgba(0,0,255,.3)}}.nav{margin:2rem 0}.nav-item{margin:0;font-size:1.3rem;transform:scaleY(1.2)}}.content{width:100%;margin:0 0 5rem;color:transparent;text-shadow:0 0 1px rgba(255,255,255,.8),0 0 5px rgba(255,255,255,.3),0 0 7px rgba(255,255,255,.2)}@media (max-width: 550px){.content{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 3px rgba(255,255,255,.3),0 0 6px rgba(255,255,255,.2);padding:0}}.sidebar{position:fixed;top:0;left:0;width:75px;height:100%;padding:3rem 0 0 2rem}.sidebar-image{width:50px;padding:10px 0;filter:blur(2px);transition:filter .2s ease-in-out}.sidebar-image:hover{filter:none}@media (max-width: 550px){.sidebar{display:none}}.lyrics{writing-mode:vertical-rl;text-orientation:upright;position:fixed;display:flex;flex-direction:column;top:0;right:0;height:100%;padding:3rem 2rem 0 0;font-size:2rem}@media (max-width: 550px){.lyrics{display:none}}.app{width:85vw}@media (min-width: 1920px){.app{width:80vw}}@media (max-width: 550px){.app{width:90vw}}body{display:flex;flex-direction:column;align-items:center;background:#0e090e;color:#fff}.glow-red{color:transparent;text-shadow:0 0 1px rgba(255,0,0,.8),0 0 5px rgba(255,0,149,.4),0 0 8px rgba(255,0,210,.3)}.glow-green{color:transparent;text-shadow:0 0 1px rgba(0,255,0,.8),0 0 5px rgba(0,255,149,.4),0 0 8px rgba(0,255,210,.3)}.glow-blue{color:transparent;text-shadow:0 0 1px rgba(0,149,255,.8),0 0 5px rgba(0,149,255,.4),0 0 8px rgba(0,210,255,.3)}.glow-yellow{color:transparent;text-shadow:0 0 1px rgba(255,255,0,.8),0 0 5px rgba(255,255,149,.4),0 0 8px rgba(255,255,210,.3)}.glow-purple{color:transparent;text-shadow:0 0 1px rgba(255,0,200,.8),0 0 5px rgba(255,100,200,.4),0 0 8px rgba(255,100,200,.3)}.glow-0{color:transparent;text-shadow:0 0 1px rgba(0,149,255,.8),0 0 5px rgba(0,149,255,.4),0 0 8px rgba(0,210,255,.3)}.glow-1{color:transparent;text-shadow:0 0 1px rgba(28,132,247,.8),0 0 5px rgba(28,132,247,.4),0 0 8px rgba(28,132,247,.3)}.glow-2{color:transparent;text-shadow:0 0 1px rgba(57,116,239,.8),0 0 5px rgba(57,116,239,.4),0 0 8px rgba(57,116,239,.3)}.glow-3{color:transparent;text-shadow:0 0 1px rgba(85,99,231,.8),0 0 5px rgba(85,99,231,.4),0 0 8px rgba(85,99,231,.3)}.glow-4{color:transparent;text-shadow:0 0 1px rgba(113,83,223,.8),0 0 5px rgba(113,83,223,.4),0 0 8px rgba(113,83,223,.3)}.glow-5{color:transparent;text-shadow:0 0 1px rgba(142,66,215,.8),0 0 5px rgba(142,66,215,.4),0 0 8px rgba(142,66,215,.3)}.glow-6{color:transparent;text-shadow:0 0 1px rgba(170,50,207,.8),0 0 5px rgba(170,50,207,.4),0 0 8px rgba(170,50,207,.3)}.glow-7{color:transparent;text-shadow:0 0 1px rgba(198,33,199,.8),0 0 5px rgba(198,33,199,.4),0 0 8px rgba(198,33,199,.3)}.glow-8{color:transparent;text-shadow:0 0 1px rgba(255,0,200,.8),0 0 5px rgba(255,100,200,.4),0 0 8px rgba(255,100,200,.3)}