*,*:after,*:before{box-sizing:border-box}body{margin:0;font-family:'Source Sans Pro',sans-serif;font-weight:bold;font-size:16px;background:radial-gradient(circle at right bottom, #22224F, #22222F);background-color:#22224F;color:#FEE}.container{height:100dvh;width:100dvw;display:flex;flex-direction:column}.scene{height:14em;width:14em;position:absolute;bottom:0;right:2em;display:flex;flex-direction:column;justify-content:flex-end}.scene .fire{margin:0 auto 1rem auto;width:11.2em;height:11.2em;position:absolute}.scene .fire .fire-positioner{position:absolute;bottom:16.8em;transform:translate(-50%, 0)}.scene .fire-1{width:3.36em;height:4.032em;border-radius:45%;transform-origin:bottom;background:#ffe311;box-shadow:0 -3px 20px 3px #ffe311;animation:light-flicker 2s ease-in infinite alternate}.scene .fire-2{width:5.6em;height:6.72em;border-radius:45%;transform-origin:bottom;background:#ffae00;box-shadow:0 -3px 20px 3px #ffae00;animation:light-flicker 2s ease-out infinite alternate}.scene .fire-3{width:7.84em;height:9.408em;border-radius:45%;transform-origin:bottom;background:#c60741;box-shadow:0 -3px 20px 3px #c60741;animation:light-flicker 2s ease-in-out infinite alternate}.scene .fire-light{animation:light-flicker .4s ease-in-out infinite alternate;transform-origin:bottom;height:3.136em;width:3.136em;border-top-left-radius:4.48em;border-top-right-radius:4.48em;border-bottom-left-radius:2.24em;border-bottom-right-radius:2.24em;box-shadow:0 -50px 120px 80px rgba(255,238,238,0.25);transition:box-shadow 300ms linear}.scene .fire-light.hushed{box-shadow:none;animation:none}@keyframes light-flicker{0%,100%{transform:scale(1)}25%{transform:scale(.98)}75%{transform:scale(1.02)}}.scene .matchstick{position:absolute;bottom:5.6em;transform:translate(-50%, 0);background:linear-gradient(to bottom, brown, #22224F);height:14em;width:1.19em}.about-me{padding-left:3rem;display:flex;flex-direction:column;justify-content:center;flex:1}.about-me h1{font-size:8em;margin:0 0 2rem 0}.about-me h2{font-size:5em;margin:0 0 1.5rem .5rem}.about-me .contact{font-size:4em;margin:0 0 2.5rem .5rem}.about-me .links{list-style-type:none;display:flex;margin:0 0 0 .5rem;padding:0}.about-me .links a{font-size:2em;color:#FEE;margin-right:1rem;transition:color 400ms ease}.about-me .links a:hover{color:#ffae00}.spacer{height:15dvh}@media screen and (max-device-width:461px){.about-me h1,.about-me h2,.about-me a,.about-me .contact{font-weight:initial}.about-me .links a{font-size:3.5em}}@media screen and (max-device-width:461px){body{background:#22224F}}@media screen and (max-device-width:461px) and (orientation:portrait){.about-me .links{margin-top:8rem;flex-direction:column}.about-me .links li{margin-top:2rem}.spacer{height:0}}@media screen and (max-device-width:461px) and (orientation:landscape){body{font-size:8px}.scene{right:10dvw}.about-me h1,.about-me h2{margin-bottom:0}}