:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;width:100%;min-height:100%}h1{font-size:16px;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding-left:3%;padding-right:3%;box-sizing:border-box}.TypeTitle{font-family:Courier New,Courier,monospace;color:#0f0;font-size:19px;text-shadow:0 0 5px #00FF00;text-align:center;display:inline-block;min-height:2.2em;width:100%}.cursor{display:inline-block;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.site-main{display:flex;flex-direction:column;justify-content:center;gap:5%;width:100%}.text-section{text-align:center;width:100%}.main-photo,.main-photo img{width:100%}h2{font-size:20px;margin:0%}p{margin-bottom:4%;font-size:16px}.education-desktop{display:none}.projects-and-links-section{padding-top:2%;display:flex;flex-direction:column;width:100%;padding-bottom:2%}.group-pic{width:100%;display:flex;flex-direction:column;justify-content:center}.group-pic img{width:100%}.projects{width:100%;margin-top:0%;margin-bottom:2%}.projects h2{justify-self:center;margin-bottom:5%;margin-top:3%}.projects p{font-size:14px;margin-top:0%;margin-bottom:0%;padding-bottom:1%;text-align:center}h3{font-size:18px;margin:0%;text-decoration:underline;text-align:center}ul{margin-top:0%;margin-bottom:7%;justify-content:center}li{font-size:16px;padding-bottom:1%}.link-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.links{display:flex;flex-direction:column;align-items:center;gap:2rem;justify-content:space-evenly}.linkedin-logo{min-height:50px;max-height:50px;display:inline-block}.github-logo{min-height:40px;max-height:40px;display:inline-block}.link-text{font-size:40px;color:#04e604}.links a{display:inline-block}.form-and-game{display:flex;flex-direction:column;margin-bottom:3%;justify-content:space-between;width:100%}.form-container{display:flex;flex-direction:column;justify-content:stretch;align-items:start;width:100%;margin-bottom:9%}.form-container h2{margin:3% auto;text-align:center}.contact-form{display:flex;flex-direction:column;width:100%;margin:0%}.contact-form input{margin-bottom:6px;padding:.6em;font-size:16px;border-radius:6px;border:1px solid #ccc}.contact-form textarea{margin-bottom:6px;padding:.5em;font-size:16px;border-radius:6px;border:1px solid #ccc}.captcha-and-button{width:100%;display:flex;flex-direction:row;overflow-x:hidden}.captcha-and-button button{min-height:100%;font-weight:700;cursor:pointer;background-color:green;width:100%}.smaller-recaptcha{transform:scale(.9);transform-origin:left;overflow:hidden;flex-wrap:wrap;height:5rem}.status-message{margin-top:1em;color:#32cd32}.game-area{cursor:crosshair;position:relative;width:100%;height:80vh;justify-self:end;background-color:#2a2a2a;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;margin-bottom:10%}.start-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.game-title{text-align:center;font-size:18px;color:#fff;width:100%}.start-button{padding:1%;font-size:3rem;color:#fff;background-color:red;width:auto}.start-button:hover{transform:scale(1.1)}.target{position:absolute;width:30px;height:30px;background-color:red;border-radius:50%}.modes{display:flex;width:100%;height:100%}.modes-score{display:flex;width:100%;height:100%;flex-direction:column}.mode-option{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;background-color:#222;transition:background-color .2s ease}.mode-option h2{font-size:20px;text-align:center}.mode-option:hover{background-color:#444}.targets-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:20px;color:#fff9}.reaction-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.reaction-circle{width:200px;height:200px;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.reaction-complete-text{align-content:center}.reaction-complete-text p{text-align:center;font-size:10px}.reaction-complete-text h2{font-size:20px}.aim-complete-text{align-content:center}.aim-complete-text p{text-align:center;margin-top:0%;font-size:10px}.aim-complete-text h2{font-size:20px;text-align:center}.leaderboard-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;color:#fff;flex-grow:1}.leaderboard-container h2{align-self:center;font-size:20px;margin:0%}.leaderboard-columns{width:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:nowrap;flex-grow:1}.leaderboard-container .modes{height:20%}.leaderboard-columns h2{justify-self:left;font-size:11px}.leaderboard-columns p{font-size:clamp(.7rem,1.5vw,1rem);text-align:center;margin-bottom:0%;margin-top:0%}.leaderboard-columnL,.leaderboard-columnR{width:100%;height:100%;display:flex;flex-direction:column}.score-list{display:flex;flex-direction:column;justify-content:space-evenly;height:100%}.highscore-submit{width:90%;text-align:center;margin-bottom:3%}.highscore-submit input{width:60%;padding:8px;margin-bottom:3%;border:1px solid #ccc;border-radius:6px}.highscore-submit button{padding:10px 20px;background-color:#28a745;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;margin-bottom:3%}.highscore-submit button:disabled{background-color:gray;cursor:not-allowed}.highscore-submit p{font-size:15px}.hint-container{display:flex;flex-direction:row;align-self:center;width:100%;margin-top:10%}.hint-containerL{display:flex;flex-direction:column;justify-content:center;width:100%}.hintL{text-align:left;bottom:3px;left:clamp(3vh,5vh,7vh);margin-left:25px;font-size:12px}.corner-image{position:fixed;width:clamp(2vh,4vh,6vh);height:clamp(3vh,5vh,7vh)}.top-left{top:0;left:0;border-radius:60px}.top-right{transform:scaleX(-1);top:0;right:0;border-radius:60px}.bottom-left{transform:rotateX(180deg);bottom:0;left:0;border-radius:60px}.bottom-right{transform:rotate(180deg);bottom:0;right:0;border-radius:60px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes growAndShrink{0%{transform:scale(1)}25%{transform:scale(1.5)}50%{transform:scale(2)}75%{transform:scale(.5)}to{transform:scale(1)}}@keyframes zoomies{0%{transform:translate(0) rotate(0)}10%{transform:translateY(-150px) rotate(90deg)}20%{transform:translate(200px,-150px) rotate(180deg)}30%{transform:translate(200px,-50px) rotate(270deg)}40%{transform:translate(100px,-50px) rotate(360deg)}50%{transform:translate(100px,-250px) rotate(450deg)}60%{transform:translate(300px,-250px) rotate(540deg)}70%{transform:translate(300px,-125px) rotate(630deg)}80%{transform:translate(200px,-125px) rotate(720deg)}90%{transform:translate(400px,-125px) rotate(810deg)}to{transform:translate(0) rotate(1080deg)}}.dance{animation:spin 3s ease-in-out}.grow{animation:growAndShrink 4s ease-in-out}.crazy{animation:zoomies 3s ease-in-out}.sorry-vertical{position:fixed;right:clamp(1vh,2vh,3vh);bottom:clamp(3vh,5vh,7vh);display:flex;flex-direction:column-reverse;align-items:center;font-size:10px;font-weight:700;font-family:monospace;line-height:1.1;z-index:9999;pointer-events:none}.chat-widget-container{position:fixed;bottom:6px;right:clamp(3vh,5vh,7vh);z-index:9999;font-family:Arial,sans-serif}.chat-toggle-btn{background-color:#28a745;color:#fff;border:none;border-radius:20px;padding:5px 8px;font-size:16px;cursor:pointer;box-shadow:0 4px 8px #0003}.chat-box{width:90%;height:80vh;background-color:#1e1e1e;color:#fff;border-radius:18px;box-shadow:0 0 12px #24bd3e80;display:flex;flex-direction:column;overflow:hidden;bottom:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-header{background-color:#000;padding:10px;font-weight:700;display:flex;justify-content:center;align-items:center;position:relative;height:3%}.close-btn{position:absolute;right:10px;border:none;color:#fff;font-size:10px;cursor:pointer;background-color:#28a745}.chat-body{padding:10px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.chat-msg{display:flex;flex-direction:column;max-width:80%;word-wrap:break-word;word-break:break-word}.chat-msg.assistant{align-self:flex-start;text-align:left}.chat-msg.user{align-self:flex-end;text-align:left}.chat-meta{font-size:.7rem;margin-bottom:2px;color:#aaa}.chat-msg.user .chat-meta{text-align:right;padding-right:2px}.chat-bubble{background:#333;padding:10px 14px;border-radius:16px;font-size:12px;line-height:1.4;color:#fff}.chat-msg.user .chat-bubble{background:#0fc;color:#000;align-self:flex-end}.chat-input{display:flex;flex-direction:row;align-items:center;padding:20px;gap:10px;background:#121212}.chat-input textarea{width:90%;resize:none;border-radius:5px;padding:5px;font-family:inherit;font-size:8px}.chat-input button{padding:6px 12px;border:none;border-radius:5px;background:#0fc;color:#000;font-weight:700;cursor:pointer}@media (min-width: 364px){.TypeTitle{font-size:21px}}@media (min-width: 375px){.TypeTitle{font-size:22px;min-height:2.5em;margin-bottom:0%}.game-title{font-size:20px;margin-bottom:3%}.mode-option h2{font-size:18px}.modes-score .modes{height:60%}.target{width:40px;height:40px}.reaction-circle{width:300px;height:300px}.leaderboard-container h2{font-size:25px}.leaderboard-columns h2{font-size:13px}.leaderboard-columns p{font-size:clamp(.75rem,1.5vw,1rem)}.reaction-complete-text p{font-size:18px}.reaction-complete-text h2{font-size:30px}.aim-complete-text p{font-size:18px}.aim-complete-text h2{font-size:30px}.highscore-submit p{font-size:17px}.sorry-vertical{font-size:18px}.chat-toggle-btn{font-size:20px}.close-btn{font-size:12px}.chat-bubble{font-size:15px}.chat-input textarea{padding:4px;font-size:12px}}@media (min-width: 420px){.TypeTitle{font-size:25px}h2{font-size:24px}p{font-size:18px}.projects h2{margin-bottom:3%;margin-top:5%}.projects p{font-size:15px}h3{font-size:20px}li{font-size:18px}.link-section{margin-bottom:8%}.links{gap:3rem}.linkedin-logo,.github-logo{min-height:60px;max-height:60px}.link-text{font-size:50px}.game-title{font-size:26px;margin-bottom:3%}.mode-option h2{font-size:26px}.modes-score .modes{height:60%}.target{width:45px;height:45px}.reaction-circle{width:320px;height:320px}.leaderboard-container h2{font-size:26px}.leaderboard-columns h2{font-size:15px}.reaction-complete-text p{font-size:18px}.reaction-complete-text h2{font-size:30px}.aim-complete-text p{font-size:20px}.aim-complete-text h2{font-size:32px}.highscore-submit p{font-size:18px}.chat-toggle-btn{font-size:20px}.close-btn{font-size:13px}.chat-bubble{font-size:16px}.chat-input textarea{font-size:14px;padding:3px}}@media (min-width:467px){.highscore-submit input{width:70%}.leaderboard-columns h2{font-size:16px}}@media (min-width:479px){.TypeTitle{font-size:28px}h2{font-size:26px}p{font-size:20px}.projects h2{margin-bottom:2%;margin-top:5%}.projects p{font-size:17px}h3{font-size:24px}li{font-size:20px}.link-text{font-size:60px}.game-title{font-size:30px}.mode-option h2{font-size:26px}.modes-score .modes{height:60%}.reaction-circle{width:350px;height:350px}.leaderboard-container h2{font-size:24px}.leaderboard-columns h2{font-size:17px}.leaderboard-columns p{font-size:clamp(.8rem,1.5vw,1rem)}.reaction-complete-text p,.aim-complete-text p{font-size:20px}.aim-complete-text h2{font-size:32px}.highscore-submit button{width:50%}.highscore-submit p{font-size:17px}.chat-toggle-btn{font-size:20px}.close-btn{font-size:13px}.chat-bubble{font-size:16px}}@media (min-width:537px){.TypeTitle{font-size:32px}.leaderboard-columns h2{font-size:19px}.hintL{font-size:14px;left:clamp(4vh,5vh,7vh)}}@media (min-width:613px){.TypeTitle{font-size:36px}.leaderboard-columns p{font-size:clamp(.85rem,1.5vw,1rem)}.leaderboard-columns h2{font-size:21px}}@media (min-width:690px){.TypeTitle{font-size:41px}}@media (min-width:720px){.TypeTitle{font-size:43px}.chat-bubble{font-size:18px}.chat-msg.assistant{padding-left:5px}.chat-msg.user{padding-right:5px}}@media (min-width: 768px){.TypeTitle{font-size:46px}.main-photo{display:flex;justify-content:center}.main-photo img{width:90%}.group-pic{flex-direction:row;justify-content:center}.group-pic img{width:90%}h2{font-size:32px}p{font-size:22px}.projects p{font-size:19px}h3{font-size:26px}li{font-size:22px}.link-section{align-items:center;justify-content:center}.link-section h2{margin-bottom:2%;text-indent:2ch}.links{flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.linkedin-logo{min-height:50px;max-height:50px;display:inline-block}.github-logo{min-height:40px;max-height:40px;display:inline-block}.link-text{font-size:50px}.links a{height:50px;display:flex;align-items:center;justify-content:space-evenly;text-align:center}.linkedin-logo{min-height:55px;max-height:55px}.mode-option h2{font-size:28px}.modes-score .modes{height:60%}.target{width:60px;height:60px}.reaction-circle{width:350px;height:350px}.reaction-complete-text p,.aim-complete-text p{font-size:20px}.aim-complete-text h2{font-size:32px}.highscore-submit button{width:50%}.highscore-submit p{font-size:17px}.chat-toggle-btn{font-size:20px}.close-btn{font-size:13px}}@media (min-width: 881px){.TypeTitle{font-size:53px}.target{width:75px;height:75px}.hintL{font-size:15px}}@media (min-width: 1015px){.TypeTitle{font-size:59px}.chat-input button{font-size:18px;width:10%;height:100%}}@media (min-width: 1024px){.TypeTitle{font-size:30.5px;min-height:0%;margin-bottom:1%}.site-main{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;margin-bottom:5%;width:100%;gap:1%}.text-section{grid-column:1 / 2;grid-row:1 / 2}.text-section p{text-align:left}.main-photo{grid-column:2 / 3;grid-row:1 / 2;display:flex;justify-content:center;align-items:center;width:100%}.main-photo img{width:100%;height:auto;object-fit:contain;display:block}.education-desktop{grid-column:1 / 3;grid-row:2 / 3;text-align:center;width:100%;display:block}.education-desktop p{margin-bottom:.75rem;font-size:18.1px;text-align:center}.education-desktop a{text-decoration:underline}.education-mobile{display:none}.site-main h2{font-size:25px;text-align:left}.education-desktop h2{text-align:center}p{margin-bottom:1.5%;font-size:18.5px;margin-top:1.5%}.projects-and-links-section{display:grid;grid-template-columns:70% 30%;grid-template-rows:auto auto;width:100%;margin-bottom:0%}.group-pic{grid-column:1 / 2;grid-row:1 / 2;width:100%}.group-pic img{width:100%;height:auto;object-fit:cover}.link-section{grid-column:2 / 3;grid-row:1 / 2;width:100%;align-self:flex-start;height:100%;margin-left:3%}.projects{grid-column:1 / 3;grid-row:2 / 3;display:flex;flex-direction:column;align-items:center;width:100%}.projects h2{text-align:center;margin-bottom:0%}.projects-text h3,.projects-text p{text-align:left}.projects-row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:left}.projects-text p,ul,li{font-size:18px}.projects-text ul{margin-bottom:3%}.links{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%}.linkedin-logo{min-height:60px;max-height:60px;display:inline-block}.github-logo{min-height:50px;max-height:50px;display:inline-block}.link-text{font-size:55px}.chat-toggle-btn{font-size:24px}.chat-input textarea{font-size:18px;padding:5px}.chat-header{padding:15px}.chat-msg{max-width:70%}}@media (min-width:1100px){.TypeTitle{font-size:34.4px}.chat-msg{max-width:65%}}@media (min-width:1158px){p{margin-bottom:2%;font-size:19px}.education-desktop p,.projects-text p,ul,li{font-size:19px}.captcha-and-button button{font-size:20px}.chat-bubble ul,.chat-bubble{font-size:18px}}@media (min-width:1220px){p{font-size:19.1px;margin-top:3%;margin-bottom:3%}.education-desktop p{font-size:21px;margin-bottom:0%;margin-top:2%}.projects-text p,ul,li{font-size:20px}.projects-text li{padding-bottom:.5%}}@media (min-width:1280px){.TypeTitle{font-size:40px}.site-main{display:flex;flex-direction:row;justify-content:center;gap:.6%;width:100%}.text-section{text-align:left;width:100%}.main-photo{display:flex;justify-content:flex-start;align-items:flex-start;width:89%}p{margin-bottom:1%;font-size:16.5px;margin-top:1.5%}.education-desktop{display:none}.education-mobile{display:block}.projects-text p,ul,li{font-size:18px}.projects{margin-bottom:0%}.form-and-game{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3%}.form-container{height:100%;width:50%}.form-container h2{margin-top:0;margin-bottom:5%}.contact-form{display:flex;flex-direction:column;width:100%;height:100%}.contact-form input{margin-bottom:12px;padding:1em;font-size:18px;border-radius:6px;border:1px solid #ccc}.contact-form textarea{margin-bottom:12px;padding:1em;font-size:16px;border-radius:6px;border:1px solid #ccc}.captcha-and-button{gap:2%}.smaller-recaptcha{all:unset;display:block}}@media (min-width:1320px){.site-main p{font-size:17px}.site-main{gap:2%}.main-photo{width:70%}}@media (min-width:1440px){.TypeTitle{font-size:45px}.site-main{gap:1%;margin-bottom:0%}.main-photo{width:80%}.site-main p{font-size:19px;width:100%}.education-mobile h2{text-align:center;margin-top:2%}.education-mobile p{text-align:center}p{margin-bottom:1%;font-size:19px;margin-top:1.5%}.projects-and-links-section{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding-top:2%;gap:1%}.group-pic{width:47%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.group-pic img{width:100%;height:100%}.projects{margin-top:0%;width:51%}.projects-text ul{margin-bottom:0%;padding-bottom:0%;list-style-position:inside;padding-left:0;margin-left:0}.projects-text{margin-bottom:1%}.projects h2{justify-self:center;margin-bottom:0%;margin-top:0%}.projects p{font-size:13px;margin-top:0%;margin-bottom:0%;padding-bottom:1%}h3{font-size:20px;text-decoration:underline;margin-top:0%}li{font-size:15px;margin-bottom:0%}.link-section{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:3%;margin-bottom:3%}.link-section h2{margin-bottom:2%}.links{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:100%;width:100%}.linkedin-logo{min-height:60px;max-height:60px;display:inline-block}.github-logo{min-height:50px;max-height:50px;display:inline-block}.link-text{font-size:60px}.captcha-and-button button{font-size:32px}.captcha-and-button{overflow-y:hidden}.game-area{margin-bottom:0%}.chat-msg.assistant{padding-left:10px}.chat-msg.user{padding-right:10px}.chat-meta{font-size:16px}.chat-bubble div,.chat-bubble,.chat-input textarea{font-size:20px}.close-btn{font-size:17px}}@media (min-width:1600px){.TypeTitle{font-size:50px}.site-main{margin-bottom:2%}.site-main p{font-size:20px}.site-main .text-section{width:60vw}.main-photo{width:40%}.education-mobile p{font-size:17px}.projects-and-links-section{gap:2%}.group-pic{width:47%}.projects li{font-size:18px}.projects-text p{font-size:15px}.game-area{margin-bottom:0%}.close-btn{font-size:17px}}@media (min-width:1700px){.TypeTitle{font-size:53px}.education-mobile p{text-align:center;font-size:17px}}@media (min-width:1800px){.site-main p{font-size:21px}.education-mobile p{text-align:center;font-size:20px}.leaderboard-columns p,.projects-text p{font-size:18px}}@media (min-width:1920px){.TypeTitle{font-size:59px}.site-main p{font-size:22px}.site-main h2,.projects h2{font-size:36px}.education-mobile p{font-size:20px}.projects h3{font-size:26px}.projects li{font-size:20px}.link-section h2{font-size:40px}.links a{font-size:72px}.linkedin-logo{min-height:72px;max-height:72px}.github-logo{min-height:60px;max-height:60px}.contact-form input{font-size:22px}.contact-form textarea{font-size:20px}.start-menu h2,.modes-score h2{font-size:40px}.chat-meta{font-size:20px}.chat-bubble div{font-size:22px}.chat-bubble ul{font-size:20px}.chat-bubble{font-size:22px}.hintL{font-size:20px}}@media (min-width:2048px){.TypeTitle{font-size:64px}.site-main p{font-size:24px}.education-mobile p{font-size:21px}.projects h3{font-size:28px}.projects li{font-size:22px}.leaderboard-container h2{font-size:28px}}@media (min-width:2160px){.TypeTitle{font-size:67px}.site-main p{font-size:26px}.education-mobile p{font-size:22px}.projects h3{font-size:28px}.projects li{font-size:22px}.chat-toggle-btn{font-size:28px}}@media (min-width:2304px){.site-main p{font-size:27px}.education-mobile p{font-size:24px}}@media (min-width:2400px){.education-mobile p{font-size:25px}}@media (min-width:2560px){.site-main p{font-size:28px}.text-section{display:flex;flex-direction:column;justify-content:stretch}.education-mobile p{text-align:center;font-size:26px}.projects h2{font-size:40px}.projects-row li{font-size:26px}}