#root{--c-lantern: hsl(23, 98%, 75%);--c-lantern-frame: hsl(262, 38%, 20%);--c-lantern-handle: var(--c-lantern-frame);--c-halo1: var(--sunset-orange5);--c-halo2: var(--sunset-orange4);--c-halo3: var(--sunset-orange3);--c-halo4: var(--sunset-orange2);--c-halo5: var(--sunset-orange1)}.scene{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;left:-170px;top:5px}.halo-container{position:absolute;top:-22px;left:-24px}.halo-sprite{width:300px;height:300px;background-repeat:no-repeat;transform:scale(.5)}.halo-sprite.idle{background-image:url(/sprites/halo_idle_sprite_sheet.png);animation:haloIdle 1.3s steps(18) infinite}.halo-sprite.off{background-image:url(/sprites/halo_off_sprite_sheet.png);animation:haloOff 1s steps(20) forwards}.halo-sprite.on{background-image:url(/sprites/halo_off_sprite_sheet.png);animation:haloOn 1s steps(20) forwards}@keyframes haloIdle{0%{background-position:0 0}to{background-position:-5400px 0}}@keyframes haloOff{0%{background-position:0 0}to{background-position:-6000px 0}}@keyframes haloOn{0%{background-position:-6000px 0}to{background-position:0 0}}.lantern-container{position:absolute;top:102px;left:112px}.lantern-sprite{width:28px;height:46px;background-repeat:no-repeat}.lantern-sprite.idle{background-image:url(/sprites/lantern_idle_sprite_sheet.png);animation:lanternIdle 1.3s steps(18) infinite}.lantern-sprite.off{background-image:url(/sprites/lantern_off_sprite_sheet.png);animation:lanternOff 1s steps(9) forwards}.lantern-sprite.on{background-image:url(/sprites/lantern_off_sprite_sheet.png);animation:lanternOn 1s steps(9) forwards}@keyframes lanternIdle{0%{background-position:0 0}to{background-position:-504px 0}}@keyframes lanternOff{0%{background-position:0 0}to{background-position:-252px 0}}@keyframes lanternOn{0%{background-position:-252px 0}to{background-position:0 0}}.lantern-chain-container{position:absolute;display:flex;align-items:center;flex-direction:column;z-index:5;transform:scaleY(-1);top:-156px;left:123px}.lantern-chain{margin:-1px;width:5px;height:auto}.lantern-chain:nth-child(3){margin-right:.5px}.lantern-box{position:absolute;width:50px;height:60px;z-index:12;top:90px;left:99px}.lantern-box:hover{cursor:pointer}#technologies{margin-top:30px}#new-technologies{display:flex;margin-top:30px;margin-bottom:30px;color:var(--light-slate)}.about-text{text-align:justify}.technology-type{margin-bottom:20px}.tech-icon-container{font-size:5px;display:flex;width:27px;justify-content:center;margin:0 5px;color:var(--sunset-orange1);padding:4px 0;background:var(--navy);z-index:2}.tech-orb-container{font-size:5px;display:flex;justify-content:center;margin:0 5px;color:var(--sunset-orange1);padding:4px 0;background:var(--navy);z-index:2}.tech-icon{margin:0 1px}.page-list{display:flex;flex-direction:column;margin:0 10px}.technology-list{display:flex;flex-wrap:wrap;grid-gap:20px;margin:0 10px;align-items:center;justify-items:left}.technology-container,.new-tech-container{display:flex;align-items:center}.tech-title{font-size:10px;text-align:left;margin-bottom:10px;color:var(--sunset-orange1-tint2)}.rust-tech{position:relative}#about-section{display:flex;flex-direction:column;align-items:center}#about-character-container{position:relative;width:90%}#about-container{display:flex;flex-direction:column}.orb-grey{--c1: var(--white);--c2: var(--slate);--c3: var(--light-slate);margin-left:3px;width:3px;height:3px;border-radius:50%;box-shadow:inset 0 0 2px var(--c1),inset 1px 0 2px var(--c2),inset -1px 0 2px var(--c3),inset 1px 0 4px var(--c2),inset -1px 0 3px var(--c3),0 0 1px var(--c1),-0px 0 1px var(--c2),0 0 1px var(--c3);animation:load 2s linear infinite}.tech-orb{--c1: var(--white);--c2: var(--sunset-orange1);--c3: var(--sunset-orange3);margin-left:3px;width:6px;height:6px;border-radius:50%;box-shadow:inset 0 0 2px var(--c1),inset 1px 0 2px var(--c2),inset -1px 0 2px var(--c3),inset 1px 0 4px var(--c2),inset -1px 0 3px var(--c3),0 0 1px var(--c1),-0px 0 1px var(--c2),0 0 1px var(--c3);animation:load 2s linear infinite}@keyframes load{0%{transform:rotate(0);filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}to{transform:rotate(360deg)}}.ferris-bubble{--crab-body: rgba(229, 52, 16, 255);z-index:-1;visibility:hidden;opacity:1;top:-20px;left:75px;padding:6px 8px;position:relative;width:300px}.ferris-bubble p{color:var(--sunset-orange1);font-weight:100;font-size:30px;margin-block-end:0em;margin-block-start:0em;visibility:hidden;white-space:nowrap;margin:none;padding:none}.ferris-container{padding:20px;position:absolute;right:-25px;top:-12px}.ferris-container:hover .ferris-bubble{visibility:visible}.ferris-container:hover .ferris-bubble p{visibility:visible;overflow:hidden;animation:typing .4s steps(30,end)}.page-container{display:flex}@media (max-width: 800px){#about-character-container{width:100%}}@media (max-width: 650px){.technology-type{display:flex;align-items:center;flex-direction:column;padding:10px 0}.technology-list{display:flex;align-items:center;justify-content:center}}.rust-ferris{--crab-body: rgba(229, 52, 16, 255);--crab-body2: rgba(142, 24, 18, 255);--crab-eyes1: rgba(0, 0, 0, 255);--crab-eyes2: rgba(255, 255, 255, 255);transform:scale(.3);z-index:-1;top:8px;left:4px;position:absolute;height:2px;width:2px;box-shadow:40px 4px 0 0 var(--crab-body),48px 4px 0 0 var(--crab-body),50px 4px 0 0 var(--crab-body),58px 4px 0 0 var(--crab-body),38px 6px 0 0 var(--crab-body),40px 6px 0 0 var(--crab-body),42px 6px 0 0 var(--crab-body),46px 6px 0 0 var(--crab-body),48px 6px 0 0 var(--crab-body),50px 6px 0 0 var(--crab-body),52px 6px 0 0 var(--crab-body),56px 6px 0 0 var(--crab-body),58px 6px 0 0 var(--crab-body),60px 6px 0 0 var(--crab-body),36px 8px 0 0 var(--crab-body),38px 8px 0 0 var(--crab-body),40px 8px 0 0 var(--crab-body),42px 8px 0 0 var(--crab-body),44px 8px 0 0 var(--crab-body),46px 8px 0 0 var(--crab-body),48px 8px 0 0 var(--crab-body),50px 8px 0 0 var(--crab-body),52px 8px 0 0 var(--crab-body),54px 8px 0 0 var(--crab-body),56px 8px 0 0 var(--crab-body),58px 8px 0 0 var(--crab-body),60px 8px 0 0 var(--crab-body),62px 8px 0 0 var(--crab-body),26px 10px 0 0 var(--crab-body),28px 10px 0 0 var(--crab-body),34px 10px 0 0 var(--crab-body),36px 10px 0 0 var(--crab-body),38px 10px 0 0 var(--crab-body),40px 10px 0 0 var(--crab-body),42px 10px 0 0 var(--crab-body),44px 10px 0 0 var(--crab-body),46px 10px 0 0 var(--crab-body),48px 10px 0 0 var(--crab-body),50px 10px 0 0 var(--crab-body),52px 10px 0 0 var(--crab-body),54px 10px 0 0 var(--crab-body),56px 10px 0 0 var(--crab-body),58px 10px 0 0 var(--crab-body),60px 10px 0 0 var(--crab-body),62px 10px 0 0 var(--crab-body),64px 10px 0 0 var(--crab-body),70px 10px 0 0 var(--crab-body),72px 10px 0 0 var(--crab-body),26px 12px 0 0 var(--crab-body),28px 12px 0 0 var(--crab-body),30px 12px 0 0 var(--crab-body),32px 12px 0 0 var(--crab-body),34px 12px 0 0 var(--crab-body),36px 12px 0 0 var(--crab-body),38px 12px 0 0 var(--crab-body),40px 12px 0 0 var(--crab-body),42px 12px 0 0 var(--crab-body),44px 12px 0 0 var(--crab-body),46px 12px 0 0 var(--crab-body),48px 12px 0 0 var(--crab-body),50px 12px 0 0 var(--crab-body),52px 12px 0 0 var(--crab-body),54px 12px 0 0 var(--crab-body),56px 12px 0 0 var(--crab-body),58px 12px 0 0 var(--crab-body),60px 12px 0 0 var(--crab-body),62px 12px 0 0 var(--crab-body),64px 12px 0 0 var(--crab-body),66px 12px 0 0 var(--crab-body),68px 12px 0 0 var(--crab-body),70px 12px 0 0 var(--crab-body),72px 12px 0 0 var(--crab-body),28px 14px 0 0 var(--crab-body),30px 14px 0 0 var(--crab-body),32px 14px 0 0 var(--crab-body),34px 14px 0 0 var(--crab-body),36px 14px 0 0 var(--crab-body),38px 14px 0 0 var(--crab-body),40px 14px 0 0 var(--crab-body),42px 14px 0 0 var(--crab-body),44px 14px 0 0 var(--crab-body),46px 14px 0 0 var(--crab-body),48px 14px 0 0 var(--crab-body),50px 14px 0 0 var(--crab-body),52px 14px 0 0 var(--crab-body),54px 14px 0 0 var(--crab-body),56px 14px 0 0 var(--crab-body),58px 14px 0 0 var(--crab-body),60px 14px 0 0 var(--crab-body),62px 14px 0 0 var(--crab-body),64px 14px 0 0 var(--crab-body),66px 14px 0 0 var(--crab-body),68px 14px 0 0 var(--crab-body),70px 14px 0 0 var(--crab-body),20px 16px 0 0 var(--crab-body),22px 16px 0 0 var(--crab-body),28px 16px 0 0 var(--crab-body),30px 16px 0 0 var(--crab-body),32px 16px 0 0 var(--crab-body),34px 16px 0 0 var(--crab-body),36px 16px 0 0 var(--crab-body),38px 16px 0 0 var(--crab-body),40px 16px 0 0 var(--crab-body),42px 16px 0 0 var(--crab-body),44px 16px 0 0 var(--crab-body),46px 16px 0 0 var(--crab-body),48px 16px 0 0 var(--crab-body),50px 16px 0 0 var(--crab-body),52px 16px 0 0 var(--crab-body),54px 16px 0 0 var(--crab-body),56px 16px 0 0 var(--crab-body),58px 16px 0 0 var(--crab-body),60px 16px 0 0 var(--crab-body),62px 16px 0 0 var(--crab-body),64px 16px 0 0 var(--crab-body),66px 16px 0 0 var(--crab-body),68px 16px 0 0 var(--crab-body),70px 16px 0 0 var(--crab-body),76px 16px 0 0 var(--crab-body),78px 16px 0 0 var(--crab-body),20px 18px 0 0 var(--crab-body),22px 18px 0 0 var(--crab-body),24px 18px 0 0 var(--crab-body),26px 18px 0 0 var(--crab-body),28px 18px 0 0 var(--crab-body),30px 18px 0 0 var(--crab-body),32px 18px 0 0 var(--crab-body),34px 18px 0 0 var(--crab-body),36px 18px 0 0 var(--crab-body),38px 18px 0 0 var(--crab-body),40px 18px 0 0 var(--crab-body),42px 18px 0 0 var(--crab-body),44px 18px 0 0 var(--crab-body),46px 18px 0 0 var(--crab-body),48px 18px 0 0 var(--crab-body),50px 18px 0 0 var(--crab-body),52px 18px 0 0 var(--crab-body),54px 18px 0 0 var(--crab-body),56px 18px 0 0 var(--crab-body),58px 18px 0 0 var(--crab-body),60px 18px 0 0 var(--crab-body),62px 18px 0 0 var(--crab-body),64px 18px 0 0 var(--crab-body),66px 18px 0 0 var(--crab-body),68px 18px 0 0 var(--crab-body),70px 18px 0 0 var(--crab-body),72px 18px 0 0 var(--crab-body),74px 18px 0 0 var(--crab-body),76px 18px 0 0 var(--crab-body),78px 18px 0 0 var(--crab-body),22px 20px 0 0 var(--crab-body),24px 20px 0 0 var(--crab-body),26px 20px 0 0 var(--crab-body),28px 20px 0 0 var(--crab-body),30px 20px 0 0 var(--crab-body),32px 20px 0 0 var(--crab-body),34px 20px 0 0 var(--crab-body),36px 20px 0 0 var(--crab-body),38px 20px 0 0 var(--crab-body),40px 20px 0 0 var(--crab-body),42px 20px 0 0 var(--crab-body),44px 20px 0 0 var(--crab-body),46px 20px 0 0 var(--crab-body),48px 20px 0 0 var(--crab-body),50px 20px 0 0 var(--crab-body),52px 20px 0 0 var(--crab-body),54px 20px 0 0 var(--crab-body),56px 20px 0 0 var(--crab-body),58px 20px 0 0 var(--crab-body),60px 20px 0 0 var(--crab-body),62px 20px 0 0 var(--crab-body),64px 20px 0 0 var(--crab-body),66px 20px 0 0 var(--crab-body),68px 20px 0 0 var(--crab-body),70px 20px 0 0 var(--crab-body),72px 20px 0 0 var(--crab-body),74px 20px 0 0 var(--crab-body),76px 20px 0 0 var(--crab-body),16px 22px 0 0 var(--crab-body),18px 22px 0 0 var(--crab-body),22px 22px 0 0 var(--crab-body),24px 22px 0 0 var(--crab-body),26px 22px 0 0 var(--crab-body),28px 22px 0 0 var(--crab-body),30px 22px 0 0 var(--crab-body),32px 22px 0 0 var(--crab-body),34px 22px 0 0 var(--crab-body),36px 22px 0 0 var(--crab-body),38px 22px 0 0 var(--crab-body),40px 22px 0 0 var(--crab-body),42px 22px 0 0 var(--crab-body),44px 22px 0 0 var(--crab-body),46px 22px 0 0 var(--crab-body),48px 22px 0 0 var(--crab-body),50px 22px 0 0 var(--crab-body),52px 22px 0 0 var(--crab-body),54px 22px 0 0 var(--crab-body),56px 22px 0 0 var(--crab-body),58px 22px 0 0 var(--crab-body),60px 22px 0 0 var(--crab-body),62px 22px 0 0 var(--crab-body),64px 22px 0 0 var(--crab-body),66px 22px 0 0 var(--crab-body),68px 22px 0 0 var(--crab-body),70px 22px 0 0 var(--crab-body),72px 22px 0 0 var(--crab-body),74px 22px 0 0 var(--crab-body),76px 22px 0 0 var(--crab-body),80px 22px 0 0 var(--crab-body),82px 22px 0 0 var(--crab-body),16px 24px 0 0 var(--crab-body),18px 24px 0 0 var(--crab-body),20px 24px 0 0 var(--crab-body),22px 24px 0 0 var(--crab-body),24px 24px 0 0 var(--crab-body),26px 24px 0 0 var(--crab-body),28px 24px 0 0 var(--crab-body),30px 24px 0 0 var(--crab-body),32px 24px 0 0 var(--crab-body),34px 24px 0 0 var(--crab-body),36px 24px 0 0 var(--crab-body),38px 24px 0 0 var(--crab-body),40px 24px 0 0 var(--crab-body),42px 24px 0 0 var(--crab-body),44px 24px 0 0 var(--crab-body),46px 24px 0 0 var(--crab-body),48px 24px 0 0 var(--crab-body),50px 24px 0 0 var(--crab-body),52px 24px 0 0 var(--crab-body),54px 24px 0 0 var(--crab-body),56px 24px 0 0 var(--crab-body),58px 24px 0 0 var(--crab-body),60px 24px 0 0 var(--crab-body),62px 24px 0 0 var(--crab-body),64px 24px 0 0 var(--crab-body),66px 24px 0 0 var(--crab-body),68px 24px 0 0 var(--crab-body),70px 24px 0 0 var(--crab-body),72px 24px 0 0 var(--crab-body),74px 24px 0 0 var(--crab-body),76px 24px 0 0 var(--crab-body),78px 24px 0 0 var(--crab-body),80px 24px 0 0 var(--crab-body),82px 24px 0 0 var(--crab-body),18px 26px 0 0 var(--crab-body),20px 26px 0 0 var(--crab-body),22px 26px 0 0 var(--crab-body),24px 26px 0 0 var(--crab-body),26px 26px 0 0 var(--crab-body),28px 26px 0 0 var(--crab-body),30px 26px 0 0 var(--crab-body),32px 26px 0 0 var(--crab-body),34px 26px 0 0 var(--crab-body),36px 26px 0 0 var(--crab-body),38px 26px 0 0 var(--crab-body),40px 26px 0 0 var(--crab-body),42px 26px 0 0 var(--crab-body),44px 26px 0 0 var(--crab-body),46px 26px 0 0 var(--crab-body),48px 26px 0 0 var(--crab-body),50px 26px 0 0 var(--crab-body),52px 26px 0 0 var(--crab-body),54px 26px 0 0 var(--crab-body),56px 26px 0 0 var(--crab-body),58px 26px 0 0 var(--crab-body),60px 26px 0 0 var(--crab-body),62px 26px 0 0 var(--crab-body),64px 26px 0 0 var(--crab-body),66px 26px 0 0 var(--crab-body),68px 26px 0 0 var(--crab-body),70px 26px 0 0 var(--crab-body),72px 26px 0 0 var(--crab-body),74px 26px 0 0 var(--crab-body),76px 26px 0 0 var(--crab-body),78px 26px 0 0 var(--crab-body),80px 26px 0 0 var(--crab-body),12px 28px 0 0 var(--crab-body),14px 28px 0 0 var(--crab-body),18px 28px 0 0 var(--crab-body),20px 28px 0 0 var(--crab-body),22px 28px 0 0 var(--crab-body),24px 28px 0 0 var(--crab-body),26px 28px 0 0 var(--crab-body),28px 28px 0 0 var(--crab-body),30px 28px 0 0 var(--crab-body),32px 28px 0 0 var(--crab-body),34px 28px 0 0 var(--crab-body),36px 28px 0 0 var(--crab-body),38px 28px 0 0 var(--crab-body),40px 28px 0 0 var(--crab-body),42px 28px 0 0 var(--crab-body),44px 28px 0 0 var(--crab-body),46px 28px 0 0 var(--crab-body),48px 28px 0 0 var(--crab-body),50px 28px 0 0 var(--crab-body),52px 28px 0 0 var(--crab-body),54px 28px 0 0 var(--crab-body),56px 28px 0 0 var(--crab-body),58px 28px 0 0 var(--crab-body),60px 28px 0 0 var(--crab-body),62px 28px 0 0 var(--crab-body),64px 28px 0 0 var(--crab-body),66px 28px 0 0 var(--crab-body),68px 28px 0 0 var(--crab-body),70px 28px 0 0 var(--crab-body),72px 28px 0 0 var(--crab-body),74px 28px 0 0 var(--crab-body),76px 28px 0 0 var(--crab-body),78px 28px 0 0 var(--crab-body),80px 28px 0 0 var(--crab-body),84px 28px 0 0 var(--crab-body),86px 28px 0 0 var(--crab-body),12px 30px 0 0 var(--crab-body),14px 30px 0 0 var(--crab-body),16px 30px 0 0 var(--crab-body),18px 30px 0 0 var(--crab-body),20px 30px 0 0 var(--crab-body),22px 30px 0 0 var(--crab-body),24px 30px 0 0 var(--crab-body),26px 30px 0 0 var(--crab-body),28px 30px 0 0 var(--crab-body),30px 30px 0 0 var(--crab-body),32px 30px 0 0 var(--crab-body),34px 30px 0 0 var(--crab-body),36px 30px 0 0 var(--crab-body),38px 30px 0 0 var(--crab-body),40px 30px 0 0 var(--crab-body),42px 30px 0 0 var(--crab-body),44px 30px 0 0 var(--crab-body),46px 30px 0 0 var(--crab-body),48px 30px 0 0 var(--crab-body),50px 30px 0 0 var(--crab-body),52px 30px 0 0 var(--crab-body),54px 30px 0 0 var(--crab-body),56px 30px 0 0 var(--crab-body),58px 30px 0 0 var(--crab-body),60px 30px 0 0 var(--crab-body),62px 30px 0 0 var(--crab-body),64px 30px 0 0 var(--crab-body),66px 30px 0 0 var(--crab-body),68px 30px 0 0 var(--crab-body),70px 30px 0 0 var(--crab-body),72px 30px 0 0 var(--crab-body),74px 30px 0 0 var(--crab-body),76px 30px 0 0 var(--crab-body),78px 30px 0 0 var(--crab-body),80px 30px 0 0 var(--crab-body),82px 30px 0 0 var(--crab-body),84px 30px 0 0 var(--crab-body),86px 30px 0 0 var(--crab-body),14px 32px 0 0 var(--crab-body),16px 32px 0 0 var(--crab-body),18px 32px 0 0 var(--crab-body),20px 32px 0 0 var(--crab-body),22px 32px 0 0 var(--crab-body),24px 32px 0 0 var(--crab-body),26px 32px 0 0 var(--crab-body),28px 32px 0 0 var(--crab-body),30px 32px 0 0 var(--crab-body),32px 32px 0 0 var(--crab-body),34px 32px 0 0 var(--crab-body),36px 32px 0 0 var(--crab-body),38px 32px 0 0 var(--crab-eyes1),40px 32px 0 0 var(--crab-eyes1),42px 32px 0 0 var(--crab-eyes1),44px 32px 0 0 var(--crab-body),46px 32px 0 0 var(--crab-body),48px 32px 0 0 var(--crab-body),50px 32px 0 0 var(--crab-body),52px 32px 0 0 var(--crab-body),54px 32px 0 0 var(--crab-body),56px 32px 0 0 var(--crab-eyes1),58px 32px 0 0 var(--crab-eyes1),60px 32px 0 0 var(--crab-eyes1),62px 32px 0 0 var(--crab-body),64px 32px 0 0 var(--crab-body),66px 32px 0 0 var(--crab-body),68px 32px 0 0 var(--crab-body),70px 32px 0 0 var(--crab-body),72px 32px 0 0 var(--crab-body),74px 32px 0 0 var(--crab-body),76px 32px 0 0 var(--crab-body),78px 32px 0 0 var(--crab-body),80px 32px 0 0 var(--crab-body),82px 32px 0 0 var(--crab-body),84px 32px 0 0 var(--crab-body),14px 34px 0 0 var(--crab-body),16px 34px 0 0 var(--crab-body),18px 34px 0 0 var(--crab-body),20px 34px 0 0 var(--crab-body),22px 34px 0 0 var(--crab-body),24px 34px 0 0 var(--crab-body),26px 34px 0 0 var(--crab-body),28px 34px 0 0 var(--crab-body),30px 34px 0 0 var(--crab-body),32px 34px 0 0 var(--crab-body),34px 34px 0 0 var(--crab-body),36px 34px 0 0 var(--crab-eyes1),38px 34px 0 0 var(--crab-eyes2),40px 34px 0 0 var(--crab-eyes2),42px 34px 0 0 var(--crab-eyes1),44px 34px 0 0 var(--crab-eyes1),46px 34px 0 0 var(--crab-body),48px 34px 0 0 var(--crab-body),50px 34px 0 0 var(--crab-body),52px 34px 0 0 var(--crab-body),54px 34px 0 0 var(--crab-eyes1),56px 34px 0 0 var(--crab-eyes2),58px 34px 0 0 var(--crab-eyes2),60px 34px 0 0 var(--crab-eyes1),62px 34px 0 0 var(--crab-eyes1),64px 34px 0 0 var(--crab-body),66px 34px 0 0 var(--crab-body),68px 34px 0 0 var(--crab-body),70px 34px 0 0 var(--crab-body),72px 34px 0 0 var(--crab-body),74px 34px 0 0 var(--crab-body),76px 34px 0 0 var(--crab-body),78px 34px 0 0 var(--crab-body),80px 34px 0 0 var(--crab-body),82px 34px 0 0 var(--crab-body),84px 34px 0 0 var(--crab-body),14px 36px 0 0 var(--crab-body),16px 36px 0 0 var(--crab-body),18px 36px 0 0 var(--crab-body),20px 36px 0 0 var(--crab-body),22px 36px 0 0 var(--crab-body),24px 36px 0 0 var(--crab-body),26px 36px 0 0 var(--crab-body),28px 36px 0 0 var(--crab-body),30px 36px 0 0 var(--crab-body),32px 36px 0 0 var(--crab-body),34px 36px 0 0 var(--crab-body),36px 36px 0 0 var(--crab-eyes1),38px 36px 0 0 var(--crab-eyes2),40px 36px 0 0 var(--crab-eyes2),42px 36px 0 0 var(--crab-eyes1),44px 36px 0 0 var(--crab-eyes1),46px 36px 0 0 var(--crab-body),48px 36px 0 0 var(--crab-body),50px 36px 0 0 var(--crab-body),52px 36px 0 0 var(--crab-body),54px 36px 0 0 var(--crab-eyes1),56px 36px 0 0 var(--crab-eyes2),58px 36px 0 0 var(--crab-eyes2),60px 36px 0 0 var(--crab-eyes1),62px 36px 0 0 var(--crab-eyes1),64px 36px 0 0 var(--crab-body),66px 36px 0 0 var(--crab-body),68px 36px 0 0 var(--crab-body),70px 36px 0 0 var(--crab-body),72px 36px 0 0 var(--crab-body),74px 36px 0 0 var(--crab-body),76px 36px 0 0 var(--crab-body),78px 36px 0 0 var(--crab-body),80px 36px 0 0 var(--crab-body),82px 36px 0 0 var(--crab-body),84px 36px 0 0 var(--crab-body),12px 38px 0 0 var(--crab-body),14px 38px 0 0 var(--crab-body),16px 38px 0 0 var(--crab-body),18px 38px 0 0 var(--crab-body),20px 38px 0 0 var(--crab-body),22px 38px 0 0 var(--crab-body),24px 38px 0 0 var(--crab-body),26px 38px 0 0 var(--crab-body),28px 38px 0 0 var(--crab-body),30px 38px 0 0 var(--crab-body),32px 38px 0 0 var(--crab-body),34px 38px 0 0 var(--crab-body),36px 38px 0 0 var(--crab-eyes1),38px 38px 0 0 var(--crab-eyes1),40px 38px 0 0 var(--crab-eyes1),42px 38px 0 0 var(--crab-eyes1),44px 38px 0 0 var(--crab-eyes1),46px 38px 0 0 var(--crab-body),48px 38px 0 0 var(--crab-body),50px 38px 0 0 var(--crab-body),52px 38px 0 0 var(--crab-body),54px 38px 0 0 var(--crab-eyes1),56px 38px 0 0 var(--crab-eyes1),58px 38px 0 0 var(--crab-eyes1),60px 38px 0 0 var(--crab-eyes1),62px 38px 0 0 var(--crab-eyes1),64px 38px 0 0 var(--crab-body),66px 38px 0 0 var(--crab-body),68px 38px 0 0 var(--crab-body),70px 38px 0 0 var(--crab-body),72px 38px 0 0 var(--crab-body),74px 38px 0 0 var(--crab-body),76px 38px 0 0 var(--crab-body),78px 38px 0 0 var(--crab-body),80px 38px 0 0 var(--crab-body),82px 38px 0 0 var(--crab-body),84px 38px 0 0 var(--crab-body),86px 38px 0 0 var(--crab-body),12px 40px 0 0 var(--crab-body),14px 40px 0 0 var(--crab-body),16px 40px 0 0 var(--crab-body),18px 40px 0 0 var(--crab-body),20px 40px 0 0 var(--crab-body),22px 40px 0 0 var(--crab-body),24px 40px 0 0 var(--crab-body),26px 40px 0 0 var(--crab-body),28px 40px 0 0 var(--crab-body),30px 40px 0 0 var(--crab-body),32px 40px 0 0 var(--crab-body),34px 40px 0 0 var(--crab-body),36px 40px 0 0 var(--crab-eyes1),38px 40px 0 0 var(--crab-eyes1),40px 40px 0 0 var(--crab-eyes1),42px 40px 0 0 var(--crab-eyes1),44px 40px 0 0 var(--crab-eyes1),46px 40px 0 0 var(--crab-body),48px 40px 0 0 var(--crab-body),50px 40px 0 0 var(--crab-body),52px 40px 0 0 var(--crab-body),54px 40px 0 0 var(--crab-eyes1),56px 40px 0 0 var(--crab-eyes1),58px 40px 0 0 var(--crab-eyes1),60px 40px 0 0 var(--crab-eyes1),62px 40px 0 0 var(--crab-eyes1),64px 40px 0 0 var(--crab-body),66px 40px 0 0 var(--crab-body),68px 40px 0 0 var(--crab-body),70px 40px 0 0 var(--crab-body),72px 40px 0 0 var(--crab-body),74px 40px 0 0 var(--crab-body),76px 40px 0 0 var(--crab-body),78px 40px 0 0 var(--crab-body),80px 40px 0 0 var(--crab-body),82px 40px 0 0 var(--crab-body),84px 40px 0 0 var(--crab-body),86px 40px 0 0 var(--crab-body),10px 42px 0 0 var(--crab-body),12px 42px 0 0 var(--crab-body),14px 42px 0 0 var(--crab-body),16px 42px 0 0 var(--crab-body),18px 42px 0 0 var(--crab-body),20px 42px 0 0 var(--crab-body),22px 42px 0 0 var(--crab-body),24px 42px 0 0 var(--crab-body),26px 42px 0 0 var(--crab-body),28px 42px 0 0 var(--crab-body),30px 42px 0 0 var(--crab-body),32px 42px 0 0 var(--crab-body),34px 42px 0 0 var(--crab-body),36px 42px 0 0 var(--crab-body),38px 42px 0 0 var(--crab-eyes1),40px 42px 0 0 var(--crab-eyes1),42px 42px 0 0 var(--crab-eyes1),44px 42px 0 0 var(--crab-body),46px 42px 0 0 var(--crab-body),48px 42px 0 0 var(--crab-body),50px 42px 0 0 var(--crab-body),52px 42px 0 0 var(--crab-body),54px 42px 0 0 var(--crab-body),56px 42px 0 0 var(--crab-eyes1),58px 42px 0 0 var(--crab-eyes1),60px 42px 0 0 var(--crab-eyes1),62px 42px 0 0 var(--crab-body),64px 42px 0 0 var(--crab-body),66px 42px 0 0 var(--crab-body),68px 42px 0 0 var(--crab-body),70px 42px 0 0 var(--crab-body),72px 42px 0 0 var(--crab-body),74px 42px 0 0 var(--crab-body),76px 42px 0 0 var(--crab-body),78px 42px 0 0 var(--crab-body),80px 42px 0 0 var(--crab-body),82px 42px 0 0 var(--crab-body),84px 42px 0 0 var(--crab-body),86px 42px 0 0 var(--crab-body),88px 42px 0 0 var(--crab-body),10px 44px 0 0 var(--crab-body),12px 44px 0 0 var(--crab-body),14px 44px 0 0 var(--crab-body),16px 44px 0 0 var(--crab-body),18px 44px 0 0 var(--crab-body),20px 44px 0 0 var(--crab-body),22px 44px 0 0 var(--crab-body),24px 44px 0 0 var(--crab-body),26px 44px 0 0 var(--crab-body),28px 44px 0 0 var(--crab-body),30px 44px 0 0 var(--crab-body),32px 44px 0 0 var(--crab-body),34px 44px 0 0 var(--crab-body),36px 44px 0 0 var(--crab-body),38px 44px 0 0 var(--crab-body),40px 44px 0 0 var(--crab-body),42px 44px 0 0 var(--crab-body),44px 44px 0 0 var(--crab-body),46px 44px 0 0 var(--crab-body),48px 44px 0 0 var(--crab-body),50px 44px 0 0 var(--crab-body),52px 44px 0 0 var(--crab-body),54px 44px 0 0 var(--crab-body),56px 44px 0 0 var(--crab-body),58px 44px 0 0 var(--crab-body),60px 44px 0 0 var(--crab-body),62px 44px 0 0 var(--crab-body),64px 44px 0 0 var(--crab-body),66px 44px 0 0 var(--crab-body),68px 44px 0 0 var(--crab-body),70px 44px 0 0 var(--crab-body),72px 44px 0 0 var(--crab-body),74px 44px 0 0 var(--crab-body),76px 44px 0 0 var(--crab-body),78px 44px 0 0 var(--crab-body),80px 44px 0 0 var(--crab-body),82px 44px 0 0 var(--crab-body),84px 44px 0 0 var(--crab-body),86px 44px 0 0 var(--crab-body),88px 44px 0 0 var(--crab-body),12px 46px 0 0 var(--crab-body),14px 46px 0 0 var(--crab-body),16px 46px 0 0 var(--crab-body),18px 46px 0 0 var(--crab-body),20px 46px 0 0 var(--crab-body2),22px 46px 0 0 var(--crab-body),24px 46px 0 0 var(--crab-body),26px 46px 0 0 var(--crab-body),28px 46px 0 0 var(--crab-body),30px 46px 0 0 var(--crab-body),32px 46px 0 0 var(--crab-body),34px 46px 0 0 var(--crab-body),36px 46px 0 0 var(--crab-body),38px 46px 0 0 var(--crab-body),40px 46px 0 0 var(--crab-body),42px 46px 0 0 var(--crab-body),44px 46px 0 0 var(--crab-body),46px 46px 0 0 var(--crab-body),48px 46px 0 0 var(--crab-body),50px 46px 0 0 var(--crab-body),52px 46px 0 0 var(--crab-body),54px 46px 0 0 var(--crab-body),56px 46px 0 0 var(--crab-body),58px 46px 0 0 var(--crab-body),60px 46px 0 0 var(--crab-body),62px 46px 0 0 var(--crab-body),64px 46px 0 0 var(--crab-body),66px 46px 0 0 var(--crab-body),68px 46px 0 0 var(--crab-body),70px 46px 0 0 var(--crab-body),72px 46px 0 0 var(--crab-body),74px 46px 0 0 var(--crab-body),76px 46px 0 0 var(--crab-body),78px 46px 0 0 var(--crab-body2),80px 46px 0 0 var(--crab-body),82px 46px 0 0 var(--crab-body),84px 46px 0 0 var(--crab-body),86px 46px 0 0 var(--crab-body),12px 48px 0 0 var(--crab-body),14px 48px 0 0 var(--crab-body),16px 48px 0 0 var(--crab-body),18px 48px 0 0 var(--crab-body),20px 48px 0 0 var(--crab-body2),22px 48px 0 0 var(--crab-body2),24px 48px 0 0 var(--crab-body),26px 48px 0 0 var(--crab-body),28px 48px 0 0 var(--crab-body2),30px 48px 0 0 var(--crab-body2),32px 48px 0 0 var(--crab-body2),34px 48px 0 0 var(--crab-body2),36px 48px 0 0 var(--crab-body2),38px 48px 0 0 var(--crab-body2),40px 48px 0 0 var(--crab-body2),42px 48px 0 0 var(--crab-body2),44px 48px 0 0 var(--crab-body),46px 48px 0 0 var(--crab-body),48px 48px 0 0 var(--crab-body),50px 48px 0 0 var(--crab-body),52px 48px 0 0 var(--crab-body),54px 48px 0 0 var(--crab-body),56px 48px 0 0 var(--crab-body),58px 48px 0 0 var(--crab-body2),60px 48px 0 0 var(--crab-body2),62px 48px 0 0 var(--crab-body2),64px 48px 0 0 var(--crab-body2),66px 48px 0 0 var(--crab-body2),68px 48px 0 0 var(--crab-body2),70px 48px 0 0 var(--crab-body2),72px 48px 0 0 var(--crab-body),74px 48px 0 0 var(--crab-body),76px 48px 0 0 var(--crab-body2),78px 48px 0 0 var(--crab-body2),80px 48px 0 0 var(--crab-body),82px 48px 0 0 var(--crab-body),84px 48px 0 0 var(--crab-body),86px 48px 0 0 var(--crab-body),14px 50px 0 0 var(--crab-body),16px 50px 0 0 var(--crab-body),18px 50px 0 0 var(--crab-body),20px 50px 0 0 var(--crab-body),22px 50px 0 0 var(--crab-body2),24px 50px 0 0 var(--crab-body),26px 50px 0 0 var(--crab-body),28px 50px 0 0 var(--crab-body),30px 50px 0 0 var(--crab-body),42px 50px 0 0 var(--crab-body2),44px 50px 0 0 var(--crab-body2),46px 50px 0 0 var(--crab-body2),48px 50px 0 0 var(--crab-body2),50px 50px 0 0 var(--crab-body2),52px 50px 0 0 var(--crab-body2),54px 50px 0 0 var(--crab-body2),56px 50px 0 0 var(--crab-body2),58px 50px 0 0 var(--crab-body2),68px 50px 0 0 var(--crab-body),70px 50px 0 0 var(--crab-body),72px 50px 0 0 var(--crab-body),74px 50px 0 0 var(--crab-body),76px 50px 0 0 var(--crab-body2),78px 50px 0 0 var(--crab-body),80px 50px 0 0 var(--crab-body),82px 50px 0 0 var(--crab-body),84px 50px 0 0 var(--crab-body),14px 52px 0 0 var(--crab-body),16px 52px 0 0 var(--crab-body),18px 52px 0 0 var(--crab-body),20px 52px 0 0 var(--crab-body),22px 52px 0 0 var(--crab-body2),24px 52px 0 0 var(--crab-body2),26px 52px 0 0 var(--crab-body),28px 52px 0 0 var(--crab-body),30px 52px 0 0 var(--crab-body),32px 52px 0 0 var(--crab-body),34px 52px 0 0 var(--crab-body),36px 52px 0 0 var(--crab-body),38px 52px 0 0 var(--crab-body),40px 52px 0 0 var(--crab-body),58px 52px 0 0 var(--crab-body),60px 52px 0 0 var(--crab-body),62px 52px 0 0 var(--crab-body),64px 52px 0 0 var(--crab-body),66px 52px 0 0 var(--crab-body),68px 52px 0 0 var(--crab-body),70px 52px 0 0 var(--crab-body),72px 52px 0 0 var(--crab-body),74px 52px 0 0 var(--crab-body2),76px 52px 0 0 var(--crab-body2),78px 52px 0 0 var(--crab-body),80px 52px 0 0 var(--crab-body),82px 52px 0 0 var(--crab-body),84px 52px 0 0 var(--crab-body),16px 54px 0 0 var(--crab-body),18px 54px 0 0 var(--crab-body),20px 54px 0 0 var(--crab-body),24px 54px 0 0 var(--crab-body2),28px 54px 0 0 var(--crab-body),30px 54px 0 0 var(--crab-body),32px 54px 0 0 var(--crab-body),34px 54px 0 0 var(--crab-body),36px 54px 0 0 var(--crab-body),38px 54px 0 0 var(--crab-body),40px 54px 0 0 var(--crab-body),42px 54px 0 0 var(--crab-body),56px 54px 0 0 var(--crab-body),58px 54px 0 0 var(--crab-body),60px 54px 0 0 var(--crab-body),62px 54px 0 0 var(--crab-body),64px 54px 0 0 var(--crab-body),66px 54px 0 0 var(--crab-body),68px 54px 0 0 var(--crab-body),70px 54px 0 0 var(--crab-body),74px 54px 0 0 var(--crab-body2),78px 54px 0 0 var(--crab-body),80px 54px 0 0 var(--crab-body),82px 54px 0 0 var(--crab-body),18px 56px 0 0 var(--crab-body),20px 56px 0 0 var(--crab-body),30px 56px 0 0 var(--crab-body),32px 56px 0 0 var(--crab-body),34px 56px 0 0 var(--crab-body),36px 56px 0 0 var(--crab-body),38px 56px 0 0 var(--crab-body),40px 56px 0 0 var(--crab-body),42px 56px 0 0 var(--crab-body),44px 56px 0 0 var(--crab-body),54px 56px 0 0 var(--crab-body),56px 56px 0 0 var(--crab-body),58px 56px 0 0 var(--crab-body),60px 56px 0 0 var(--crab-body),62px 56px 0 0 var(--crab-body),64px 56px 0 0 var(--crab-body),66px 56px 0 0 var(--crab-body),68px 56px 0 0 var(--crab-body),78px 56px 0 0 var(--crab-body),80px 56px 0 0 var(--crab-body),18px 58px 0 0 var(--crab-body),20px 58px 0 0 var(--crab-body),32px 58px 0 0 var(--crab-body),34px 58px 0 0 var(--crab-body),36px 58px 0 0 var(--crab-body),38px 58px 0 0 var(--crab-body),40px 58px 0 0 var(--crab-body),42px 58px 0 0 var(--crab-body),44px 58px 0 0 var(--crab-body),54px 58px 0 0 var(--crab-body),56px 58px 0 0 var(--crab-body),58px 58px 0 0 var(--crab-body),60px 58px 0 0 var(--crab-body),62px 58px 0 0 var(--crab-body),64px 58px 0 0 var(--crab-body),66px 58px 0 0 var(--crab-body),78px 58px 0 0 var(--crab-body),80px 58px 0 0 var(--crab-body),20px 60px 0 0 var(--crab-body),32px 60px 0 0 var(--crab-body),34px 60px 0 0 var(--crab-body),36px 60px 0 0 var(--crab-body),38px 60px 0 0 var(--crab-body),60px 60px 0 0 var(--crab-body),62px 60px 0 0 var(--crab-body),64px 60px 0 0 var(--crab-body),66px 60px 0 0 var(--crab-body),78px 60px 0 0 var(--crab-body),34px 62px 0 0 var(--crab-body),36px 62px 0 0 var(--crab-body),38px 62px 0 0 var(--crab-body),40px 62px 0 0 var(--crab-body),58px 62px 0 0 var(--crab-body),60px 62px 0 0 var(--crab-body),62px 62px 0 0 var(--crab-body),64px 62px 0 0 var(--crab-body),36px 64px 0 0 var(--crab-body),38px 64px 0 0 var(--crab-body),40px 64px 0 0 var(--crab-body),42px 64px 0 0 var(--crab-body),56px 64px 0 0 var(--crab-body),58px 64px 0 0 var(--crab-body),60px 64px 0 0 var(--crab-body),62px 64px 0 0 var(--crab-body)}#root{--text-arrow-space: 16px;--shaft-width: 34px;--shaft-thickness: 1px;--arrow-head-width: 7px;--arrow-head-thickness: var(--shaft-thickness);--arrow-color: var(--light-slate);--hover-arrow-color: var(--lightest-slate)}.hex-icon{fill:var(--arrow-color)}.page-arrow{width:var(--shaft-width);transition:all .2s}.page-arrow.page-left{position:absolute;left:0}.page-arrow.page-left>.page-shaft{width:0;background-color:var(--hover-arrow-color)}.page-arrow.page-left>.page-shaft:before,.page-arrow.page-left>.page-shaft:after{width:0;background-color:var(--hover-arrow-color)}.page-arrow.page-left>.page-shaft:before{transform:rotate(0)}.page-arrow.page-left>.page-shaft:after{transform:rotate(0)}.page-arrow.page-right>.page-shaft{width:var(--shaft-width);transition-delay:.2s}.page-arrow.page-right>.page-shaft:before,.page-arrow.page-right>.page-shaft:after{width:var(--arrow-head-width);transition-delay:.3s;transition:all .5s}.page-arrow.page-right>.page-shaft:before{transform:rotate(40deg)}.page-arrow.page-right>.page-shaft:after{transform:rotate(-40deg)}.page-arrow>.page-shaft{background-color:var(--arrow-color);display:block;height:var(--shaft-thickness);position:relative;transition:all .2s;transition-delay:0;will-change:transform}.page-arrow>.page-shaft:before,.page-arrow>.page-shaft:after{background-color:var(--arrow-color);content:"";display:block;height:var(--arrow-head-thickness);position:absolute;top:0;right:0;transition:all .2s;transition-delay:0}.page-arrow>.page-shaft:before{transform-origin:top right}.page-arrow>.page-shaft:after{transform-origin:bottom right}.animated-arrow{display:flex;color:var(--arrow-color);font-size:.9em;align-items:center;text-decoration:none;position:relative;transition:all .2s}.animated-arrow:hover{color:var(--hover-arrow-color)}.animated-arrow:hover>.page-arrow.page-left{top:47%}.animated-arrow:hover>.page-arrow.page-left>.page-shaft{width:var(--shaft-width);transition-delay:.1s;background-color:var(--hover-arrow-color)}.animated-arrow:hover>.page-arrow.page-left>.page-shaft:before,.animated-arrow:hover>.page-arrow.page-left>.page-shaft:after{width:var(--arrow-head-width);transition-delay:.1s;background-color:var(--hover-arrow-color)}.animated-arrow:hover>.page-arrow.page-left>.page-shaft:before{transform:rotate(40deg)}.animated-arrow:hover>.page-arrow.page-left>.page-shaft:after{transform:rotate(-40deg)}.animated-arrow:hover>.page-main{--transform-width: calc(var(--shaft-width) + var(--text-arrow-space));transform:translate(var(--transform-width))}.animated-arrow:hover>.page-main>.page-arrow.page-right>.page-shaft{width:0;transform:translate(200%);transition-delay:0}.animated-arrow:hover>.page-main>.page-arrow.page-right>.page-shaft:before,.animated-arrow:hover>.page-main>.page-arrow.page-right>.page-shaft:after{width:0;transition-delay:0;transition:all .1s}.animated-arrow:hover>.page-main>.page-arrow.page-right>.page-shaft:before{transform:rotate(0)}.animated-arrow:hover>.page-main>.page-arrow.page-right>.page-shaft:after{transform:rotate(0)}.animated-arrow>.page-main{display:flex;align-items:center;transition:all .2s}.animated-arrow>.page-main>.page-text{margin:0 var(--text-arrow-space) 0 0;display:flex;align-items:center;gap:7px;line-height:1}.animated-arrow>.page-main>.page-text.hex{margin:0 5px 0 0;gap:4px}.animated-arrow>.page-main>.page-arrow{position:relative}.character-container{display:flex;position:absolute}.character-box{position:relative}.character{position:absolute;width:26px;height:28px;background-repeat:no-repeat;top:0;left:0;transform-origin:12px 0 0;z-index:1}.character.idle{background-image:url(/sprites/character_idle_sprite_sheet.png);animation:characterIdle .5s steps(4) infinite}.character.running{background-image:url(/sprites/character_running_sprite_sheet.png);animation:characterRunning .5s steps(4) infinite}@keyframes characterIdle{0%{background-position:0 0}to{background-position:-104px 0}}@keyframes characterRunning{0%{background-position:0 0}to{background-position:-108px 0}}.character.left{transform:scaleX(-1)}.character.right{transform:scaleX(1)}.character-bubble{z-index:-1;opacity:1;top:-20px;left:25px;position:absolute}.character-bubble p{color:var(--pink);align-items:center;display:flex;font-size:.5em;gap:4px;white-space:nowrap;animation:bobbing .2s infinite alternate}@keyframes bobbing{0%{transform:translateY(0)}to{transform:translateY(-1px)}}.experience-title{align-items:center;font-size:1rem;margin-bottom:1rem;color:var(--lightest-slate)}.exp-name{font-size:.8rem;letter-spacing:1px;text-decoration:none;transition:.2s ease-out;color:var(--light-slate)}.exp-type{white-space:nowrap}.exp-description{text-align:left}.exp-name:hover{color:var(--sunset-orange1)}.exp-date{white-space:nowrap;min-width:100px}@media (max-width: 480px){.exp-type{white-space:normal}.experience-title{text-align:center}.exp-date{min-width:0px}}.tool2{position:relative;color:var(--sunset-orange1-tint3);display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.8rem;font-weight:100}.tool-box{z-index:-1;position:absolute;width:100%;height:100%;background-color:var(--sunset-orange1-tint);border:1px solid var(--navy);border-radius:.5rem;transition:transform .2s ease-out,border-color .2s ease-out;transform:scale(.98)}.tool2:hover .tool-box{transform:scale(1.1);border-color:var(--sunset-orange1-tint2)}.linked-header{display:flex;align-items:flex-start;justify-content:space-between;font-size:1rem;margin-bottom:1rem;text-decoration:none;color:var(--lightest-slate);transition:color .2s ease;cursor:pointer}.linked-header:hover{color:var(--sunset-orange1)}.linked-header-container{flex:1;word-wrap:break-word;text-align:left}.arrow{font-size:14px;top:-2px;right:-10px;transform:rotate(45deg);transition:transform .2s ease}.linked-header:hover .arrow{transform:rotate(45deg) translateY(-5px)}@media (max-width: 480px){.linked-header-container{text-align:center}}.event-content{display:flex;flex-direction:column;gap:.5rem}.event-container{display:flex;align-items:center;padding:.5rem 2rem;border:1px solid transparent;transition:.2s ease-in;border-radius:.5rem}.event-container:hover{background:var(--purple-tint0);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--purple-tint3);cursor:pointer}#event-text{display:flex;flex-direction:column;position:relative;justify-content:center;padding:0;margin:0}.event-title{align-items:center;font-size:.9rem;color:var(--lightest-slate)}.location{font-size:.8rem;letter-spacing:1px;text-decoration:none;margin-top:2px;color:var(--light-slate)}.event-name{white-space:nowrap}.event-date{white-space:nowrap;margin:3px 0}.event-row1{display:flex;gap:10px;align-items:center}.project-details.off{visibility:hidden;overflow:hidden;max-height:0}.project-details.on{visibility:visible}.event-links{display:flex;margin-left:-10px;gap:10px}@media (max-width: 650px){.event-container{flex-direction:column}}@media (max-width: 480px){.event-name{white-space:normal}.event-title{text-align:center;align-items:center}#event-text{display:flex;flex-direction:column}.event-links{justify-content:center}.event-row1{display:flex;flex-direction:column;align-items:center}}.link-icon{font-size:6px;z-index:2}.link-name{font-size:10px;z-index:2}.link-container-hidden{--c1: var(--white);--c2: var(--slate);--c3: var(--light-slate);text-decoration:none;background:var(--navy);color:var(--light-slate);align-items:center;display:flex;gap:5px}.link-conainer-hidden:hover{color:var(--white)}.link-container{--offset: 1px;--c1: var(--white);--c2: var(--slate);--c3: var(--light-slate);text-decoration:none;border-radius:5px;background:transparent;z-index:1;display:flex;color:var(--light-slate);align-items:center;gap:5px;position:relative;margin-left:3px;padding:6px 10px;overflow:hidden}@keyframes rotate{0%{transform:translate(-50%,-50%) scale(1.4) rotate(0)}to{transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}.link-container:hover{color:var(--white)}.terminal-container{width:100%;border:1px solid black;border-radius:10px}.navbar,.window{display:flex;align-items:center;padding:0 10px}.navbar{height:30px;background-color:#1b1d1e;border-top-left-radius:10px;border-top-right-radius:10px;justify-content:space-between}.nav-left{gap:16px;display:flex;flex-direction:row;align-items:center}.ostabs{display:flex;gap:20px}.ostab{font-size:10px;text-decoration:none;background:transparent;border:none;color:#484848;transition:all .2s;cursor:pointer}.ostab.active{color:var(--slate)}.window{height:50px;background-color:#000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;gap:10px}.dots{display:flex;gap:5px}.dot{background-color:#484848;height:7px;width:7px;border-radius:50%}.command-line{font-size:16px;font-family:Courier New,monospace;color:#7cfc00;color:var(--lightest-slate);display:flex;gap:10px;align-items:center}.copy-button{margin:0 5px;background-color:#1b1d1e;color:var(--light-slate)}.copy-button:hover{color:var(--lightest-slate);cursor:pointer}@keyframes typing{0%{width:0}to{width:100%}}.typing{overflow:hidden;white-space:nowrap;border-right:3px solid;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#000}}@media (max-width: 650px){.terminal-container{width:100%}.command-line{font-size:12px}}.container{width:100%}.Home{display:flex;flex-direction:column;position:relative}.custom-cursor{position:absolute;width:20px;height:20px;border-radius:50%;pointer-events:none;z-index:1000;box-shadow:0 0 10px 5px #00000080;transform:translate(-50%,-50%);transition:opacity .3s ease-out}.intro-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:10vh auto}.sections{z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:auto;width:70%;max-width:1200px}.mini-section{position:absolute;right:10%;top:100px}.lab-container{position:relative;width:130px;overflow:hidden}.lab-handle{background:var(--darkest-slate);border-radius:5px;content:"";display:block;height:5px}.lab-handle.top{top:10px}.lab-handle.bottom{background:var(--very-dark-slate)}.lab-body{display:flex}.lab-chain{width:3px;--c0: var(--very-dark-slate);--c: var(--darkest-slate);--c1: var(--dark-slate);--c2: var(--slate);background-color:var(--c);box-shadow:0 -2px 0 2px var(--c),0 10px 0 var(--c),0 20px 0 var(--c1),0 30px 0 var(--c),0 40px 0 var(--c1),0 50px 0 var(--c1),0 60px 0 var(--c1),0 70px 0 var(--c),0 80px 0 2px var(--c0);border-radius:50%;content:"";display:block;height:3px;margin:0 auto}.lab-chain:before{position:absolute;width:1px;height:100%;background-color:var(--c1);content:"";z-index:-1;margin-left:1px}.lab-content{display:flex;flex-direction:column;align-items:center;font-family:Georgia,serif;margin:10px 5px}.lab-content h1{font-size:.8em;text-align:center;margin-bottom:30px}.lab-content div a{font-size:.9em;text-align:justify}.container{flex-direction:column;display:flex;align-items:center;background-color:transparent}.intro-container{position:relative;display:flex}.intro{display:flex;flex-direction:column;align-items:center;font-weight:700;margin:0;z-index:2}.title{font-size:1.8em;font-weight:300;margin:0 0 10px;color:var(--white)}.subtitle-container{display:flex;align-items:center;margin-bottom:5vh;gap:60px}.subtitle{font-weight:300;font-size:1em;margin:0;color:var(--slate)}.icon-container{display:flex;justify-content:left;align-items:center;gap:10px}.circle{width:1px;height:8px;border-radius:1px;border:1px dotted var(--slate)}.contact-link{font-size:12px;font-weight:300;color:var(--slate);transition:color .3s}.contact-link:hover{color:var(--white)}.img-overlay{position:relative;display:flex;z-index:2;width:180px;border:2px solid var(--dark-slate);padding:0;border:none;margin:0;border-radius:5px}.showcase-img-container{display:block}.img-overlay:before{content:"";display:block;position:absolute;z-index:-1;border-radius:5px;border:2px solid var(--dark-slate);top:-2px;left:-2px;width:100%;height:100%;background-color:#0000004d;transition:background-color .3s}.img-overlay:hover:before{cursor:pointer;border:2px solid var(--purple);background-color:var(--purple-tint4)}.showcase-img{display:block;width:100%;height:auto;z-index:-2;border-radius:3px;object-fit:fill}.expanded-img{position:fixed;top:50%;left:50%;width:80%;max-width:800px;transform:translate(-50%,-50%);z-index:1000;opacity:1!important;border:5px solid var(--dark-slate);border-radius:5px}.fullscreen-overlay{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#000c;z-index:999;display:flex;align-items:center;justify-content:center}.content-container{display:flex;width:100%;flex-direction:column}.title-container{margin:0;display:flex;align-items:left}.section-title{font-size:.8rem;font-weight:500;color:var(--lightest-slate);letter-spacing:2px;margin:0 20px}.subsection-title{display:flex;font-size:.7rem;font-weight:500;color:var(--lightest-slate);letter-spacing:2px;margin-bottom:1rem}.section-content{margin:2rem;font-size:14px}.word-link{color:var(--lightest-slate);font-weight:400;transition:.2s ease-out}.word-link:hover{color:var(--sunset-orange1)}.word-link2{font-weight:400;color:var(--light-slate);transition:.2s ease-out}.word-link2:hover{color:var(--sunset-orange1)}.project-container{display:flex;margin:2rem 0}.project-text{margin:0 3rem;width:100%;text-align:justify}.project-description{font-weight:400;letter-spacing:.5px}.subprojects{display:flex;flex-direction:column}.subprojects .project-description{letter-spacing:.2px;font-weight:300;font-size:12px}.subprojects .project-container{margin:1rem 0}.subproject-title{font-size:.9rem;color:var(--lightest-slate);text-decoration:none;text-align:left}.subproject-title-container{display:flex;gap:20px;align-items:center}.subproject-technologies{display:flex;font-size:.8rem;gap:5px;color:var(--dark-slate)}.project-title{align-items:center;font-size:1rem;color:var(--lightest-slate);margin-bottom:1rem;text-decoration:none;text-align:left}.project-tools{gap:10px;margin-top:20px;display:flex;position:relative;flex-wrap:wrap}#dns{width:100%;margin:100px 0}#blog{width:100%;margin:20px 0 100px}#dns-content{display:flex;flex-direction:column;align-items:center;gap:30px;width:600px}#dns-text{text-align:center;display:flex;flex-direction:column;gap:5px}#dns-text p{margin:0}#dns-text p:first-child{color:var(--lightest-slate)}#dns-container{align-items:center}@media (max-width: 1200px){.sections{width:90%}}@media (max-width: 800px){.sections{width:100%}.project-text{margin:0 2rem}.img-overlay{width:150px}}@media (max-width: 650px){.showcase-img-container{margin-bottom:15px}.project-container{flex-direction:column}.sections{width:100%}.project-text{margin:0}#dns-content{margin:0;width:90%}}@media (max-width: 480px){.intro{display:flex;flex-direction:column;align-items:center}.content-container,.title-container{align-items:center}.project-container{align-items:center;text-align:center}.project-title{text-align:center}.title{font-size:1.25em;font-weight:700}.subtitle-container{flex-direction:column;gap:10px}.subtitle{font-size:1rem}.icon-container .fa{font-size:15px}.project-tools{justify-content:center}.subproject-title-container{flex-direction:column;gap:0}.subproject-title{text-align:center;margin-bottom:0}.subprojects{align-items:center}#events{width:100%}}.test-container{width:100%;justify-content:center;margin-bottom:200px}.thumbnail-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:800px}.thumbnail-inner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.export-btn{align-self:flex-start;border:1px solid var(--light-navy);background:none;color:var(--lightest-navy);padding:.6rem;border-radius:.2rem}.export-btn:hover{background:var(--light-navy);color:var(--navy);cursor:pointer}.thumbnail-box{margin-top:.5rem;border:1px solid var(--light-navy);border-radius:.1rem;max-width:800px;min-width:480px;width:100%;aspect-ratio:1280 / 769;font-size:1.2rem}.thumbnail{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;background:linear-gradient(to right,#14131e,#181725)}.thumbnail-content{display:flex;flex-direction:column;align-items:center;margin:-2.5rem 0 0}.thumb-title{display:flex;align-items:center}.thumb-tags{color:var(--lightest-navy);font-size:.9rem;font-size:clamp(.4em,2vw,.9em);margin:0 1rem;letter-spacing:1px;text-shadow:0 0 7px rgba(148,139,235,1)}.thumb-tags.inner{color:var(--slate);font-size:clamp(.3em,3vw,.8em);margin:0 .4rem;text-shadow:0 0 0px rgba(148,139,235,1)}.thumb-title h1{color:#fff;font-size:clamp(1em,3vw,2em);text-shadow:0 0 4px rgba(255,255,255,.7),0 0 8px rgba(255,255,255,.5)}.thumb-icon{width:clamp(3em,15vw,8em)}.thumb-body{display:flex;align-items:center}.thumb-items{display:flex}.thumb-item{display:flex;align-items:center;color:var(--lightest-slate);font-size:clamp(.4em,2vw,1em)}.thumb-footer{padding:2rem 0 0;gap:1rem;display:flex;align-items:center}.thumb-footer img{width:clamp(1em,5vw,3em)}#django,#mysql{width:5rem}.thumbnails{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5rem 0;width:100%}.Converter{display:flex;flex-direction:column;justify-content:center;height:100vh}.converter-section{width:70%;display:flex;align-items:flex-start;justify-content:center;margin:auto;flex-direction:column;align-items:center;font-weight:100}.converter-content{width:100%;max-width:500px;display:flex;flex-direction:column}.output-container{margin-bottom:20px}.output{text-align:center;margin-bottom:10px}.output-header{display:flex;flex-direction:row;justify-content:end;margin:5px}.copy-hex-button{display:flex}.copy-hex-button:hover{cursor:pointer}.output-value{color:var(--slate);border-bottom:1px dotted var(--slate);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-text{font-size:2em;text-align:center;background-color:transparent;border:none;color:var(--sunset-orange1);outline:none;border-bottom:1px dotted var(--sunset-orange1-tint2);font-weight:100}.input-text::placeholder{color:var(--sunset-orange1-tint2);font-weight:100}.input-text:focus::placeholder{color:transparent}.hex-note{margin-top:20px;font-size:.9em}.hex-note span{color:var(--lightest-slate);font-weight:500}@media (max-width: 800px){.converter-section{width:100%}}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Italic.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-ExtraBoldItalic.woff2) format("woff2");font-weight:800;font-style:italic}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-ExtraLightItalic.woff2) format("woff2");font-weight:200;font-style:italic}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-MediumItalic.woff2) format("woff2");font-weight:500;font-style:italic}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-SemiBoldItalic.woff2) format("woff2");font-weight:600;font-style:italic}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Thin.woff2) format("woff2");font-weight:100;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-ThinItalic.woff2) format("woff2");font-weight:100;font-style:italic}:root{--dark-navy: #020c1b;--navy: #171521;--light-navy: #595386;--lightest-navy: #8a80d0;--navy-shadow: rgba(2, 12, 27, .7);--dark-slate: #495670;--darkest-slate: #30424a;--very-dark-slate: #24333a;--slate: #8892b0;--light-slate: #a8b2d1;--lightest-slate: #ccd6f6;--white: #e6f1ff;--purple: #9a64ff;--char-purple: #222034;--pink: #E286C5;--purple-tint0: rgba(154, 100, 255, .05);--purple-tint: rgba(154, 100, 255, .1);--purple-tint3: rgba(154, 100, 255, .3);--purple-tint4: rgba(154, 100, 255, .5);--fade-100: 253deg 28% 12%;--fade-200: 253deg 28% 24%;--sunset-orange1: #ff6f4b;--sunset-orange2: #fd4c55;--sunset-orange3: #e13661;--sunset-orange4: #c1246b;--sunset-orange5: #a11477;--sunset-orange5-light: #cf51a9;--sunset-orange1-tint: rgba(255, 111, 75, .1);--sunset-orange2-tint: rgba(253, 76, 85, .1);--sunset-orange3-tint: rgba(225, 54, 97, .1);--sunset-orange4-tint: rgba(193, 36, 107, .1);--sunset-orange5-tint: rgba(161, 20, 119, .1);--sunset-orange1-tint2: rgba(255, 111, 75, .6);--sunset-orange5-tint2: rgba(161, 20, 119, .4);--sunset-orange1-tint3: rgba(255, 111, 75, .8);--halo-pixel-size: 2px;--lantern-pixel-size: 1px}h1,h2,h3{margin:0;font-weight:300}body{margin:0;background-color:var(--navy);background:linear-gradient(to right,#14131e,#181725);color:var(--slate);font-weight:300;line-height:1.5;font-family:Merriweather,serif;font-family:Montserrat,sans-serif;font-family:JetBrainsMono,monospace}input{font-weight:400;font-family:Merriweather,serif;font-family:Montserrat,sans-serif;font-family:JetBrainsMono,monospace}button{margin:0;padding:0}a{text-decoration:none}