:root{font-family:Cal Sans,sans-serif;font-weight:400;font-style:normal;color-scheme:light dark;color:#2b1b17;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;min-width:320px;min-height:100vh;background-color:#fff}h1{font-size:3.2em;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}}.navbar{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}.navBar-container{font-size:1.5rem;font-weight:700}.navBar-links{display:flex;gap:2rem}.nav-link{font-size:1rem;padding:.5rem 1.5rem;border-radius:4px;transition:background-color .2s;background-color:#fb2c36;color:#fff}.nav-link:hover{box-shadow:0 2px 4px #000}.contact-form-container{display:flex;align-items:center;justify-content:center}.form-wrapper{top:20%;position:fixed;z-index:1000;background-color:#fb2c36;border-radius:8px;width:80%;height:auto;display:flex;justify-content:center;align-items:center;outline:5px solid black;box-shadow:10px 10px 20px #730208}.contact-form{background-color:#fb2c36;display:flex;flex-direction:column;gap:.5rem;width:80%;padding:2rem}.email,.message,.submit{border-radius:8px}.email,.message{color:#000;font-size:x-large;background-color:#fff;padding:10px;border:2px solid white;border-radius:5px}.email:focus,.message:focus{color:#2cfbf1;background-color:#212121;outline-color:#0ff}.email{height:3rem}.message{height:5rem}.email-label,.message-label{text-align:left;background-color:#fb2c36;font-weight:700;font-size:larger}.submit{text-align:center;width:40%}.close-btn{position:absolute;top:8px;right:12px;border:none;background:transparent;font-size:24px;font-weight:700;cursor:pointer;color:#fff}.close-btn:hover{color:#000}body{background-color:#fff}.home-page{padding-top:2rem;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.strong-text{color:#fb2c36}.title-text-box{width:60%;text-align:center}.home-page-wrapper{top:20%}.home-page-wrapper,.education-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.project-component-container{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:8rem;width:fit-content;height:40%;background-color:#fb2c36;padding:1rem;left:50%;right:50%}.projects-wrapper{width:100%;background-color:#fb2c36;display:flex;flex-direction:column;align-items:center;border-radius:8px}.project-components{background-color:#fb2c36;width:100%;height:100%;border-radius:8px}.text{background-color:#fb2c36;margin-bottom:0}.profile-image{width:300px;aspect-ratio:1;border-radius:50%;border:5px solid #FB2C36;background-image:url(../images/profileimage.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;background-color:transparent}.glasses-image{background-color:transparent;margin-top:110px;margin-right:10px;animation:glideDown .5s ease-out forwards}@keyframes glideDown{0%{transform:translateY(-100vh);opacity:0}to{transform:translateY(0);opacity:1}}.other-projects-container{display:flex;flex-direction:column;align-items:center;width:60%;padding:.5rem}.other-projects-wrapper{display:grid;grid-template-columns:repeat(5,auto);justify-content:center;gap:2rem;width:fit-content;height:40%;padding:1rem;left:50%;right:50%}.other-projects{outline:3px solid #FB2C36;border-radius:8px}.other-proj-title{margin-bottom:0}.other-projects:hover{transform:translateY(-5px);transition:transform .5s ease-in-out;box-shadow:10px 10px 20px #730208;cursor:pointer}.game-container{width:100%;margin-bottom:10%;gap:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.year-labels{border-radius:8px}.project-component-wrapper{border-radius:8px;max-width:288px}.project-component{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:0;border-radius:8px;padding:0;transform:none;background-color:#fb2c36}.project-label-and-desc{background-color:#fff;width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0 0 8px 8px}.project-components:hover{transform:translateY(-5px);transition:transform .5s ease-in-out;box-shadow:10px 10px 20px #730208;cursor:pointer}.label-text{line-height:1.5;text-align:center;margin:0 auto}.project-image{background-color:#fff;display:block;margin:0 auto;border-radius:8px 8px 0 0}.description-text{line-height:normal;width:100%;margin:0 auto;text-align:center;padding:.5rem;border-radius:8px}.github-link:hover{color:purple}.game-area-wrapper{position:relative;width:100%;height:auto}.game-canvas{background-color:#fb2c36}.play-button{z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;font-size:18px;cursor:pointer;border:none;border-radius:8px;background:#4caf50;color:#fff;box-shadow:0 4px 6px #0003}.play-button:hover{background:#45a049}*{box-sizing:border-box;background-color:#fff}#root{max-width:100%;margin:0 auto;padding:0;text-align:center}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}