.header{display:grid;grid-template-columns:auto;gap:10px;align-items:center;justify-items:center;padding-top:10px;padding-bottom:10px}.nav{list-style-type:none;font-size:1.2rem;font-weight:700;display:grid;grid-template-columns:auto auto auto;gap:35px;align-content:center}.nav-link{color:#000;text-decoration:underline}.nav-link:hover{text-decoration:none}.title-img{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.title-img:hover{opacity:.8}@media (max-width: 600px){.title-img{padding-left:10px;padding-right:10px;width:97%;margin-left:auto;margin-right:auto}}@media (max-width: 400px){.header{gap:7px}}.footer{padding:20px}.footer-text{font-size:.9rem;color:#6d6d6d}#contact-section{border:0;flex-basis:100%;max-width:100%;color:#202020;padding:17px 10px 0}#contact-section:hover{box-shadow:none;transform:none}#contact-title{font-size:2.5rem}.contact-me-link{color:inherit;text-decoration:none;font-size:2.3rem;font-weight:700;transition:color .25s ease-in-out}.contact-me-link:hover{color:#555}.about-sub-heading{text-align:center}.about-info{padding:4px;text-align:left}.about-info--first{margin-top:3px}.read-more-link{color:#7e1919;padding-left:5px}.read-more-link:hover{color:#7e1919be;cursor:pointer}.read-more-link-p{text-align:left}.about-section-responsive{display:none}@media (max-width: 600px){.about-section-responsive{display:block}.about-section-unresponsive{display:none}}@media (max-width: 500px){.contact-me-link{font-size:1.9rem}}@media (max-width: 400px){.contact-me-link{font-size:max(5.5vw,1.58rem)}}.fullscreen-overlay{z-index:9999;position:fixed;left:0;top:0;height:100vh;width:100%;background-color:#0009}.image-overlay-container{position:absolute;top:45%;-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;min-width:300px;padding:20px}.project-screenshot{margin-left:auto;margin-right:auto;max-width:100%;margin-top:30px;max-height:90vh;border-radius:20px;object-fit:contain}.loading-container{height:100%;display:grid;justify-content:center;align-content:center}.loading-image{opacity:.5;animation-name:pulse;animation-duration:1.5s;animation-direction:alternate;animation-iteration-count:infinite}@keyframes pulse{0%{scale:1}to{scale:1.4}}.project-info{padding:4px 5px;text-align:left;font-size:.95rem;color:#2c2c2c}.project-info-link{color:#2c2c2c;white-space:nowrap}.project-info-link:hover{text-decoration:none}.youtube-embed{overflow:hidden;height:40vw;max-height:280px;min-height:126px;padding:0 4px;margin:10px 0 4px;width:99%}.youtube-embed__video{border-radius:20px;border:8px solid lightgray}.youtube-embed__video:hover{border-color:#e6e6e6;opacity:.9}.loading-video-container{height:100%;align-content:center}.project-image-container{padding:15px 4px 4px;display:grid;grid-template-columns:48% 48%;justify-content:center;gap:20px}.project-image{width:100%;height:202px;border:8px solid lightgray;border-radius:20px;object-fit:cover}.project-image:hover{border-color:#e6e6e6}.project-info-container{align-content:center}.project-image-link:hover{opacity:.9;cursor:pointer}.project-card{display:grid;grid-template-columns:auto;grid-template-rows:1fr auto;gap:5px}@media (max-width: 500px){.project-image,.youtube-embed__video{border-width:6px}.project-image-container{grid-template-columns:auto;padding:13px}.project-image{width:100%}.project-image-link--final{display:none}}@media (max-width: 400px){.project-image,.youtube-embed__video{border-width:5px}.project-image{height:150px}.project-image-container{padding:5px}.youtube-embed{margin-top:4px}.project-info--github{display:none}}.error-page-container{max-width:700px;margin-left:auto;margin-right:auto;display:grid;justify-content:center;justify-items:center;padding:20px;gap:20px;margin-top:1vw}.error-img{width:100%;max-width:600px;opacity:.5}.error-msg{font-size:1.4rem}#root{text-align:center}.main{max-width:2400px;padding:0 10px 10px;margin-left:auto;margin-right:auto}.sub-heading{font-size:1.8rem;text-align:center}.tile-para{text-align:left;padding:5px}.label{color:#313131;font-weight:700;padding-right:5px}.tile-container{padding:10px 20px 20px;border:1px solid rgb(218,218,218);border-radius:20px;max-width:630px;flex:0 1 auto;align-self:auto;transition:transform .25s ease-in-out,box-shadow .25s ease-in-out,color .25s ease-in-out}.tile-container:hover{transform:scale(1.007);box-shadow:5px 5px 15px 5px #0000000d}.page-container{padding:20px 10px 10px;display:flex;flex-flow:row wrap;justify-content:center;align-content:center;gap:30px 30px}@media (max-width: 1300px){.page-container{padding-top:10px;gap:20px}}@media (max-width: 700px){.page-container{padding-top:10px}}@media (max-width: 600px){.page-container{padding-top:6px;gap:15px}}@media (max-width: 500px){.page-container{padding-top:6px}.tile-container{padding:12px 12px 15px}}@media (max-width: 400px){.page-container{padding:0;gap:15px}.tile-container{padding:8px 8px 15px}}*{margin:0;padding:0;box-sizing:border-box}img{display:block}:root{min-width:305px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;line-height:2;font-weight:400;font-size:14px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}@media (max-width: 600px){:root{font-size:13px}}@media (max-width: 530px){:root{font-size:12px}}@media (max-width: 390px){:root{font-size:11px}}