@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Mukta:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Graduate&display=swap";.computer-engineering{background:#e1bf1d;background:linear-gradient(to right,#f5c240,#f2b713 57%,#d68f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.university-of-waterloo{background:#5e246c;background:linear-gradient(to right,#552062,#4c0e8c 57%,#4d16b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.greetings-section{text-align:center;padding-top:128px;margin:0 12vw 128px}.greetings-section .avatar{width:140px;height:140px;background-color:#fff;margin:0 auto 86px;border-radius:50%;overflow:hidden;box-shadow:0 0 3px #9ba4b5}.greetings-section .avatar img{width:150px;translate:-36px 32px}.greetings-section h1{background:#25374f;background:linear-gradient(to right,#25374f,#212a3e,#271633);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;font-family:Mukta,sans-serif;padding:0 16px}.greetings-section p{margin:48px 0;color:#212a3e;font-size:19px;font-family:Open Sans,sans-serif}.greetings-section .buttons-list{display:flex;justify-content:center}.greetings-section .buttons-list .button{font-size:20px;color:#fff;background-color:#394867;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid white;margin-right:8px;transition-duration:.1s}.greetings-section .buttons-list .button:hover{cursor:pointer;background-color:#9ba4b5}@media screen and (max-width: 600px){.university-of-waterloo{display:block}}.about-me-section{background:#212a3e;background:linear-gradient(90deg,#212a3e,#1f213d);margin:0;translate:0 2px}.about-me-content{border-top:1px solid #e9f3ff;background-color:#fff;box-shadow:0 2px 3px #111726aa;border-radius:16px;translate:0 -68px;width:max(280px,45vw);margin:auto;padding:32px;max-width:540px}.about-me-content h2{text-align:center;margin:0 auto 8px;width:160px;border-bottom:1px solid #9BA4B5;font-size:28px;font-family:Mukta,sans-serif;background:#25374f;background:linear-gradient(to right,#25374f,#212a3e,#1f2844);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-me-content p{color:#212a3e;font-size:18px;font-weight:500;text-align:center}.about-me-content p a{color:inherit;text-decoration:none;display:inline flex;align-items:center;transition-duration:.1s}.about-me-content p a:hover{color:#2f77fc;text-decoration:underline}@media screen and (max-width: 660px){.about-me-content{width:max(100vw - 100px,45vw)}.about-me-content p{font-size:15px;scale:1.08}}.education-section{background:#212a3e;background:linear-gradient(90deg,#212a3e,#1f213d);margin:0;color:#fff;padding:0 0 16px}.education-section h2{text-align:center;width:150px;border-bottom:1px solid #394867;margin:0 auto 32px;font-size:26px;font-family:Mukta,sans-serif}.education-section h3{font-family:Open Sans,sans-serif;font-weight:600;margin:8px 0 16px}.education-section h4{font-family:Open Sans,sans-serif;font-weight:400;color:#9ba4b5;margin:0 0 16px}.education-section .education{width:max(300px,60vw);max-width:800px;margin:auto;border-top:1px solid rgba(57,72,103,.3);padding-top:24px}.education-section .education .time{font-family:Graduate,serif;font-size:14px;color:#9ba4b5}.education-section p{font-size:16px;font-family:Open Sans,sans-serif;text-align:center}.education-section .education .image img{width:100%;height:100%;object-fit:cover;image-rendering:high-quality}.education-section .education .image{overflow:hidden;margin:auto;background-color:#000;width:min(max(300px,60vw) - 32px,500px);height:min(max(300px,60vw) * .5,300px);border-radius:4px;box-shadow:0 0 2px #212a3e}.view-video{height:100%;width:100%;object-fit:cover}.projects-section{background-color:#f1f6f9;padding:48px 0;color:#212a3e}.projects-section p{font-size:16px;text-align:center;margin:0 auto 64px;font-weight:600;color:#394867;font-style:italic;width:80%}.projects-section h1{text-align:center;width:150px;border-bottom:1px solid #9BA4B5;margin:32px auto;font-size:30px;font-family:Mukta,sans-serif;background:#25374f;background:linear-gradient(to right,#25374f,#212a3e,#271633);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-section .more{padding:6px 24px;width:fit-content;height:min-content;border:2px solid #212A3E;margin:16px auto;border-radius:32px;transition-duration:.1s;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600}.projects-section .more:hover{background:#212a3e;background:linear-gradient(93deg,#212a3e,#24203d);color:#fff;cursor:pointer}.project{width:min(80vw,800px);margin:32px auto;display:flex;padding:20px 24px 16px 0;border-radius:8px;box-shadow:0 0 3px #39486700;transition-duration:.2s;border-top:1px solid #ffffff00;background:linear-gradient(-33deg,#f1f6f9,#f1f6f9)}.project:hover{box-shadow:0 4px 10px #d4d7d9;border-top:1px solid white;background:#dde4e8;background:linear-gradient(33deg,#ecf2f5,#f1f6f9)}.project .view-container .date{margin-left:32px;margin-bottom:20px;margin-top:20px;font-family:Graduate,serif;color:#394867bf;font-size:14px}.project .title{font-family:Open Sans,sans-serif;font-weight:800;font-size:18px;margin:12px 0}.project .description{font-family:Open Sans,sans-serif;margin:16px 16px 16px 0}.project .image{width:max(150px,30vw);height:max(150px,17vw);max-height:280px;max-width:360px;margin:8px 32px;border-radius:6px;box-shadow:0 0 2px #9ba4b5;background-color:#000;overflow:hidden}.project .image img{width:100%;height:100%;max-width:360px;max-height:280px;object-fit:cover;scale:1.125}.project .tags{margin:16px 0}.project .links{text-align:left;margin:24px 0;width:100%;display:flex}.project .links .link{font-family:Mukta,sans-serif;font-weight:bolder;display:flex;justify-content:center;align-items:center;color:#394867;transition-duration:.1s;padding:0 14px 4px 4px;text-decoration:none;width:fit-content}.project .links .link:hover{cursor:pointer;color:#2f77fc}.project .information{display:inline-block;vertical-align:top;width:fit-content}@media screen and (max-width: 800px){.project .image{width:max(260px,25vw);height:max(150px,15vw);margin:8px auto;border-radius:4px;box-shadow:0 0 1px #9ba4b5;background-color:#000}.project{flex-direction:column;align-items:center;padding-right:0;width:min(80vw,360px)}.project .information{width:max(270px,25vw);text-align:center;display:flex;flex-direction:column;align-items:center}.project .information .title{font-size:20px}.projects-section p{max-width:240px}.project .links{display:flex;justify-content:center}.project .view-container .date{margin-left:0}}.skills-set-section-container{background:#212a3e;background:linear-gradient(93deg,#212a3e,#242441);display:flex;justify-content:center}.skills-set-section{padding:32px;max-width:1080px;color:#fff}.skills-set-section p{font-size:17px;color:#9ba4b5;text-align:center;font-style:italic;margin:32px auto 64px;max-width:600px}.skills-set-section h1{text-align:center;font-size:26px;font-family:Mukta,sans-serif;border-bottom:1px solid #394867;width:180px;margin:auto}.skills-set-section h2{text-align:left;margin:32px auto 16px;padding:0 48px;font-size:23px;font-weight:600;font-family:Mukta,sans-serif;border-bottom:1px solid #394867;width:fit-content}.skills-set-section h3{text-align:center;width:max-content;margin:16px auto;font-size:20px;font-weight:500;font-family:Mukta,sans-serif}.skills-set-section ul{margin:auto;width:min-content;padding-right:48px;font-size:18px;font-family:Mukta,sans-serif}.skills-set-section ul li{width:max-content}.skills-set-section .sections-container{text-align:center;width:100%;margin:auto}.skills-set-section .section{width:320px;padding:24px 0;display:inline-flex;flex-direction:column;align-content:center;margin:0 16px}.skills-set-section .section .icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.skills-set-section .section .icon img{height:28px}.skills-set-section .section ul li .icon img{height:26px}.skills-set-section .section ul li .list-dot{width:8px;height:8px;background-color:#fff;border-radius:50%;margin:0 16px}.skills-set-section .section ul li{display:flex;align-items:center;justify-content:center;margin:6px 0}.skills-set-section .section ul li .icon{color:#fff;display:flex;width:32px;height:32px;align-items:center;justify-content:center;margin-right:12px}.skills-set-section .section .icon{width:32px;height:32px;margin:auto;display:flex;align-items:center;font-size:28px;justify-content:center}@media screen and (max-width: 770px){.skills-set-section p{font-size:16px;max-width:300px}.skills-set-section h2{margin:64px auto 32px}.skills-set-section{padding-left:0;padding-right:0}.skills-set-section .section{margin:0;width:fit-content}}.contact-section{margin:16px 0 64px}.contact-section h1{text-align:center;font-size:36px;background:#25374f;background:linear-gradient(to right,#25374f,#212a3e,#1f2844);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Mukta,sans-serif;border-bottom:1px solid #9BA4B5;margin:32px auto;width:200px}.contact-section ul{list-style:none;margin:auto;width:fit-content;padding:0;font-family:Mukta,sans-serif}.contact-section a{width:fit-content;display:flex;align-items:center;transition-duration:.1s;color:#212a3e;text-decoration:none;margin:12px 0}.contact-section a:hover{text-decoration:underline;cursor:pointer}.contact-section .cat{display:inline-block;width:80px;font-weight:600}.contact-section .icon{width:20px;height:20px;margin:0 8px;font-size:20px;display:inline-flex;align-items:center}.projects-page{background-color:#fff;min-height:110vh}.nav-bar-content{width:min(90%,1000px);display:flex;align-items:center;justify-content:start}.nav-bar{background-color:#fffd;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 0 3px #6668;width:100%;height:48px;position:fixed;z-index:200;display:flex;align-items:center;justify-content:center}.nav-bar .home{display:flex;align-items:center;color:#394867;padding:8px 16px;width:fit-content;height:fit-content;transition-duration:.1s}.nav-bar .home .arrow{display:flex}.nav-bar .home:hover{color:#2f77fc;cursor:pointer}.nav-bar .home p{font-family:Open Sans,sans-serif;font-weight:600;font-size:16px;margin:0 8px}.nav-bar .home .arrow{transition:75ms}.nav-bar .home:hover>.arrow{translate:-3px 0}.projects-page .intro{padding:64px 0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Mukta,sans-serif;overflow:hidden;color:#212a3e;box-shadow:0 0 3px #39486733}.projects-page .title{display:flex;align-items:center;z-index:1}.projects-page .image-bg{width:min(90%,1000px)}.projects-page .intro h1{margin:20px 8px 16px}.projects-page .intro p{display:block;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;font-style:italic;color:#394867;padding:0 64px;text-align:center;text-shadow:0 0 14px white}.projects-page .projects-list-container{background-color:#dfe4ea}.projects-list{background-color:#f1f6f9;padding:32px 0;box-shadow:0 0 3px #39486733;width:min(90%,1000px);margin:auto}@media screen and (max-width: 660px){.projects-list{margin:0;width:100%}.projects-page .intro{padding:32px 0}.projects-page .image-bg{width:100%}}body{margin:0;background-color:#fff}p{font-size:14px;font-family:Open Sans,sans-serif}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#dee3e7}::-webkit-scrollbar-thumb{background:#5e5c5c;border-radius:9px;margin:8px;border:#dee3e7 solid 3px}::-webkit-scrollbar-thumb:hover{background:#333}