:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}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;font-family:monospace;background-image:url(/portfolio-website/Space-Time.webp);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-family:monospace;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff;transform:scale(1.1)}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}}.about{background-color:#f8f9fa;padding:30px;text-align:center;width:80%;margin:20px auto;border-radius:10px}.about h2{color:#333;font-family:monospace}.about p{color:#000;font-family:monospace}.projectCard{background-color:transparent;padding:20px;border:1px solid black;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center}.projectPreview{border-radius:50px;overflow:hidden;box-shadow:0 0 10px 5px #0000004d}.projectCard a{margin:10px 10px 0;color:#007bff;text-decoration:none}.projectCard a:hover{text-decoration:underline}.projectCard p{font-size:.8rem}.projectCard h3,p{color:#000}.projects{background-color:#fff;padding:30px;width:80%;margin:20px auto;border-radius:10px}.projects h2{text-align:center;color:#333}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.clock-container-preview{background-image:url(/portfolio-website/Space-Time.webp);background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;height:200px;display:flex;justify-content:center;align-items:center;background-color:#0006;box-shadow:0 0 25px 15px #0000004d}.clock-date-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;padding:10px 30px;background-color:#0006;box-shadow:0 0 25px 10px #0000004d}.clockPreview{display:block;color:#f0f8ff;font-size:1rem;font-weight:700;font-family:monospace;text-align:center;text-shadow:3px 3px 5px rgba(0,0,0,.75)}.datePreview{display:block;color:#f0f8ff;font-size:.7rem;font-weight:700;font-family:monospace;text-align:center;text-shadow:3px 3px 5px rgba(0,0,0,.75)}.main-div-preview{background-image:url(/portfolio-website/rpscbg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;color:#fff;text-align:center;padding:20px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.main-div-preview p{color:#fff;font-size:.5rem}.preview-title{font-size:.5rem;font-weight:700;margin:0}.preview-instruction{font-size:1rem;text-transform:uppercase}.preview-move-icon{height:10px}.preview-move-button{padding:0;height:40px;width:40px;background-color:transparent;border:2px solid white;border-radius:50%;margin:0 5px;cursor:pointer;transition:transform .2s}.preview-move-button:hover{transform:scale(1.1)}.preview-separator{margin-top:10px;margin-bottom:10px;height:1px;border:1px dashed rgb(93,93,93);width:80%}.preview-result{font-size:1.2rem;font-weight:700;margin:0}.preview-score{margin:0}.preview-reset-score-button{margin-top:2px;background-color:#01f;border:none;border-radius:25px;font-size:.5rem;padding:5px 10px;cursor:pointer}.preview-move{display:flex;justify-content:center;align-items:center;margin:2px}.to-do-list-preview{background-image:url(/portfolio-website/todolist.jpeg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:20px;min-height:160px}.to-do-list-preview h1{color:#000;margin:0 0 20px;padding-top:30px;font-size:.8rem}.to-do-list-preview button{font-size:.8rem;font-weight:700;padding:10px 20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .5s ease}.to-do-list-preview .add-button{background-color:#59d355;margin-left:10px}.to-do-list-preview .add-button:hover{background-color:#4cb03a}.to-do-list-preview .delete-task{background-color:#ff4343;font-size:.6rem}.to-do-list-preview .delete-task:hover{background-color:#dc3b3b}.to-do-list-preview .move-task-preview{background-color:transparent;color:#000;padding:0;margin:0 10px}.to-do-list-preview .move-task-preview:hover{background-color:#3ea1e3}.to-do-list-preview input[type=text]{font-size:.8rem;padding:10px;border:2px solid rgba(128,128,128,.5);border-radius:5px;color:#fff4f480}.to-do-list-preview .input-section{padding-bottom:20px;margin-bottom:1px;border-bottom:1px solid rgb(208,0,255)}.to-do-list-preview ol{padding:0}.to-do-list-preview li{font-size:.2rem;font-weight:700;padding-bottom:10px;background:transparent;margin-bottom:10px;border-bottom:1px solid rgb(76,76,76);border-radius:10px;display:flex}.to-do-list-preview .text{flex:1;padding-top:6px;font-size:.6rem;color:#000}.stopwatch-preview{background-image:url(/portfolio-website/stopwatch.webp);background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;height:200px;display:flex;justify-content:center;align-items:center;background-color:#0006;box-shadow:0 0 25px 15px #0000004d}.stopwatch-preview .stopwatch-bg-preview{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;padding:20px 40px;box-shadow:0 0 25px 15px #7272724d}.stopwatch-preview .display-preview{font-size:2rem;font-family:monospace;color:#000}.stopwatch-preview .controls-preview button{font-size:.8rem;font-weight:700;min-width:50px;padding:5px;margin:5px;border:none;border-radius:10px;cursor:pointer;color:#fff;transition:background-color .5s ease}.stopwatch-preview .start-button{background-color:#00b100}.stopwatch-preview .start-button:hover{background-color:#009000}.stopwatch-preview .stop-button{background-color:red}.stopwatch-preview .stop-button:hover{background-color:#d10000}.stopwatch-preview .reset-button{background-color:#0cf}.stopwatch-preview .reset-button:hover{background-color:#00b1dd}.HTR-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:url(/portfolio-website/coinflip.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;height:200px}.HTR-game-wrapper{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 25px 15px #4d4d4d8b;background-color:transparent;border-radius:15px;padding:5px 30px 1px;text-align:center;max-width:90%;width:auto}.HTR-title{font-size:.6rem;font-weight:700;color:#fff;margin-bottom:15px}.HTR-instruction{font-size:.6rem;color:#fff;margin-bottom:20px}.HTR-button-container{display:flex;justify-content:space-between;margin-bottom:20px}.HTR-game-button{font-size:.6rem;color:#fff;background-color:red;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:background-color .3s ease}.HTR-game-button:hover{background-color:#dc0000}.HTR-outcome{font-size:.6em;color:gold;font-weight:700;margin-top:10px;margin-bottom:10px;display:block}.HTR-coin{border:5px solid goldenrod;border-style:double;border-radius:50%;font-size:8px;font-weight:700;color:#a27b19;height:40px;width:40px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:gold;box-shadow:10px 10px 20px -5px #daa520 inset;margin:0 auto}.HTR-coin-animation{animation:flip 3s ease-in-out}.color-picker-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;background-color:#f0f8ff}.color-picker-display{box-shadow:0 0 15px 15px #d3d3d3;border-radius:30px;height:20px;padding:10px;transition:.25s ease}.color-input{border:none;outline:none;padding:0;background:none;cursor:pointer;display:inline}.color-picker-container p{margin:0;color:#000}.color-picker-container h5{color:#000;margin:20px 0 3px}.contact{background-color:#fff;padding:30px;width:80%;margin:20px auto;border-radius:10px}.contact h2{color:#000}.contact form{display:flex;flex-direction:column;align-items:center}.contact input,.contact textarea{width:80%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.contact button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.contact button:hover{background-color:#0056b3}.header{background-color:#007bff;color:#f0f8ff;width:100%;padding:10px 0;text-align:center;font-family:monospace}.header__title{font-family:monospace;color:#f0f8ff;margin-bottom:0}.header__nav ul{display:grid;grid-template-columns:auto auto auto auto auto;list-style:none;gap:10px;padding:0;margin-top:0}.header__nav a{color:#000;text-decoration:none;font-size:.9rem;font-family:monospace}.header__nav a:hover{color:#fff;transition:ease .3s}.certifications{background-color:#f8f9fa;padding:30px;width:80%;margin:20px auto;border-radius:10px}.certifications h2{color:#333;text-align:center}.certificate-whole{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.certificate-grid{background-color:#fff;display:grid;grid-template-rows:10rem 1fr;text-align:center;border:1px solid black;border-radius:10px;margin-bottom:30px}.certificate-logo{display:flex;justify-content:center;align-items:center;padding:30px;overflow:hidden}.image{max-width:100%;max-height:100%;object-fit:contain;display:block}.certificate-details{margin:0 20px 20px;padding-bottom:10px;border-top:1px solid black}.certificate-details h2{color:#000}.certificate-details h4{color:#000;margin:10px 0 0}.certificate-skills-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;margin-bottom:20px}.certificate-skills-grid p{margin:8px;border:1px solid black;border-radius:20px;padding:2px}.certificate-details a{color:#007bff}.education{background-color:#f8f9fa;padding:30px;width:80%;margin:20px auto;border-radius:10px}.education h2{color:#333;text-align:center}.education-main-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.education p{color:#000;margin:0}.education-grid{display:grid;grid-template-rows:40px 1fr;border:1px solid black;border-radius:20px;margin-bottom:30px;overflow:hidden}.education-name{background-color:#ff5b73;border-bottom:1px solid black;padding-top:10px}.education-name h3{margin:0;text-align:center}.education-info{display:grid;grid-template-columns:1fr 3fr}.education-logo{text-align:center;padding:20px 0 10px}.education-logo img{height:6rem;width:6rem;padding:0 0 0 2rem}.college-year-percentage{padding:10px 0 10px 20px}.college-year-percentage p{padding:10px 0}.clock-body{position:relative;height:100vh;width:100vw;margin:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.clock-body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/portfolio-website/Space-Time.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;filter:blur(10px);z-index:-1}.clock-container{position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;padding:20px 40px;background-color:#0006;box-shadow:0 0 25px 15px #0000004d}.clock{color:#f0f8ff;font-size:5rem;font-weight:700;font-family:monospace;text-align:center;text-shadow:3px 3px 5px rgba(0,0,0,.75)}.date{color:#f0f8ff;font-size:2rem;font-weight:700;font-family:monospace;text-align:center;text-shadow:3px 3px 5px rgba(0,0,0,.75)}.main-div{font-family:Arial,Helvetica,sans-serif;text-align:center;background-image:url(/portfolio-website/rpscbg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;padding-top:30px;min-height:100vh;min-width:100vw}.main-div p,h2{color:#f0f8ff}.title{font-size:30px;font-weight:700;margin-bottom:70px}.instruction{margin-bottom:30px;font-size:20px;text-transform:uppercase}.move-icon{height:50px}.move-button{height:120px;width:120px;background-color:transparent;border:3px solid white;border-radius:60px;margin-right:10px;cursor:pointer}.separator{margin-top:40px;height:5px;border:dotted rgb(93,93,93)}.result{font-size:25px;font-weight:700;margin-top:40px}.score{margin-top:60px}.reset-score-button,.auto-play-button{background-color:#04f;border:none;border-radius:50px;font-size:15px;padding:8px 15px;cursor:pointer}.move{margin:0}.to-do-list{font-family:Arial,Helvetica,sans-serif;text-align:center;background-image:url(/portfolio-website/todolist.jpeg);background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;min-height:100vh;min-width:100vw}.to-do-list h1{color:#000;margin:0 0 20px;padding-top:100px}.to-do-list button{font-size:.8rem;font-weight:700;padding:10px 20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .5s ease}.to-do-list .add-button{background-color:#59d355;margin-left:10px}.add-button:hover{background-color:#4cb03a}.delete-task{background-color:#ff4343}.delete-task:hover{background-color:#dc3b3b}.move-task{background-color:#43b4ff}.move-task:hover{background-color:#3ea1e3}.to-do-list input[type=text]{font-size:1rem;padding:10px;border:2px solid rgba(128,128,128,.5);border-radius:5px;color:#fff4f480}.input-section{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid black}.to-do-list ol{padding:0}.to-do-list li{font-size:.2rem;font-weight:700;padding:15px;margin:10px 50px;background:transparent;border-bottom:2px solid rgba(0,0,0,.795);border-radius:10px;display:flex;align-items:center}.to-do-list .text{flex:1;font-size:.8rem}.delete-task,.move-task{padding:8px 12px;margin-left:10px}.stopwatch{display:flex;min-height:100vh;min-width:100vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/portfolio-website/stopwatch.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.stopwatch-bg{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;padding:20px 40px;box-shadow:0 0 25px 15px #7272724d}.display{font-size:5rem;font-family:monospace;font-weight:700;color:transparent;-webkit-text-stroke:3px rgb(68,68,68);margin-bottom:25px}.controls button{font-size:1.2rem;font-weight:700;padding:10px;margin:5px;min-width:125px;border:none;border-radius:10px;cursor:pointer;color:#fff;transition:background-color .5s ease}.start-button{background-color:#00b100}.start-button:hover{background-color:#009000}.stop-button{background-color:red}.stop-button:hover{background-color:#d10000}.reset-button{background-color:#0cf}.reset-button:hover{background-color:#00b1dd}.HT-container{min-height:100vh;min-width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:url(/portfolio-website/coinflip.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.HT-game-wrapper{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 25px 15px #4d4d4d8b;background-color:transparent;border-radius:15px;padding:30px;text-align:center;max-width:90%;width:auto}.HT-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:15px}.HT-instruction{font-size:1.2rem;color:#fff;margin-bottom:20px}.HT-button-container{display:flex;justify-content:space-around;margin-bottom:20px}.HT-game-button{font-size:1rem;color:#fff;background-color:red;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.HT-game-button:hover{background-color:#dc0000}.HT-outcome{font-size:1.3rem;color:gold;font-weight:700;margin-top:20px}.winloose{font-size:1.5rem}.coin{border:10px solid goldenrod;border-style:double;border-radius:50%;font-size:20px;font-weight:700;color:#a27b19;height:100px;width:100px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:gold;box-shadow:10px 10px 20px -5px #daa520 inset;margin:0 auto}.coin-animation{animation:flip 3s ease-in-out}@keyframes flip{0%{transform:rotateX(0)}to{transform:rotateX(1800deg)}}