@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap";html,body{--main-bg-color: white;--el-bg-color: white;background-color:var(--main-bg-color);margin:0;padding:0;font-family:"Nunito",sans-serif;color:#3b3b3b;font-weight:400}#main_page{width:100%}#topnav{width:80%;height:75px;padding-left:10%;padding-right:10%;overflow:hidden;position:fixed;margin-bottom:0;z-index:5;display:flex;flex-direction:row;justify-content:space-between;align-content:center;text-align:center;background-color:var(--main-bg-color);font-size:1rem}@media all and (max-width:760px){#topnav{width:70%;padding-left:15%;padding-right:15%;padding-bottom:1rem;position:relative;flex-direction:column}}#topnav #name{font-size:1.2rem;font-weight:600}@media all and (max-width:760px){#topnav #name{margin-top:1rem;display:flex;flex-direction:row;justify-content:center}}#topnav #name a{color:#3b3b3b;text-decoration:none}#topnav #navigation{width:400px;float:right;display:flex;justify-content:space-between;text-align:center}@media all and (max-width:760px){#topnav #navigation{width:90%;padding-left:5%}}#navigation a{color:#3b3b3b;text-transform:uppercase;text-decoration:none;font-weight:400;padding-inline-start:0px;margin:auto;height:fit-content}#topnav div{display:flex;flex-direction:row;align-items:center}main{padding-top:180px;width:100%}@media all and (max-width:760px){main{padding-top:80px}}footer{clear:both;margin:300px auto 0;padding-top:10px;width:80%;height:3rem;display:flex;flex-direction:row;align-items:center;font-size:1rem;font-weight:300}@media all and (max-width:760px){footer{height:8rem;width:100%;margin-bottom:1rem;display:flex;flex-direction:column;justify-content:space-between}}footer div{display:flex;align-items:center}footer a{margin:0 0 0 .4rem;color:#3b3b3b;text-decoration:none}footer img{margin-left:1rem;height:1rem}#about-page{width:80%;margin:0 auto;text-align:center}#pfp{width:256px;height:256px;overflow:hidden;border-radius:0}#pfp img{width:100%;height:100%;object-fit:cover}#first-part{display:flex;flex-direction:row}@media all and (max-width:760px){#first-part{flex-direction:column;align-items:center}}#intro{width:calc(100% - 256px - 24px);margin-left:24px;text-align:justify}@media all and (max-width:760px){#intro{width:100%;margin-left:0}}#desc{text-align:justify}#cv-page{width:100%;display:flex;flex-direction:column;align-items:center}.cv-viewer{width:60%}@media all and (max-width:1200px){.cv-viewer{width:80%}}.project-card{width:100%;height:400px;border-radius:0;background:var(--el-bg-color);display:flex}@media all and (max-width:1024px){.project-card{height:fit-content;flex-direction:column}}.project-cover{position:relative;height:100%;aspect-ratio:16/9;border-radius:0;overflow:hidden;background-color:#3b3b3b}@media all and (max-width:1024px){.project-cover{width:100%}}.project-cover img{width:100%;height:100%;object-fit:cover}.project-cover :hover{transform:scale(1.2);object-fit:cover;transition-duration:.5s;opacity:.3}.project-cover p{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-size:2rem;font-weight:300;color:#e9e9e9;opacity:0}@media all and (max-width:1024px){.project-cover p{font-size:1.5rem}}.project-cover :hover+p{opacity:1;transition:.5s}.project-info{width:60%;margin:0 20px;position:relative}@media all and (max-width:1024px){.project-info{width:100%;margin:0}}.project-info div{display:flex;justify-content:left;align-items:center}.project-info h1{margin:1rem 0 0;font-size:2.2rem;font-weight:600;line-height:2.5rem}.project-info h1 a{text-decoration:none;color:#3b3b3b}.project-info h2{margin:.5rem 0 0;font-size:1.3rem;font-weight:400;line-height:1.5rem}.project-info .description{margin:2rem 0 4rem;max-height:60%;font-size:1rem;font-weight:300;text-align:justify;text-justify:inter-ideograph}.project-info .tags{margin:1rem 0 .5rem;font-size:.9rem;font-weight:300}.project-info .readmore{margin:0 1rem 1rem 0;position:absolute;bottom:0;right:0;width:15rem;font-size:1.3rem;font-weight:600;color:#3b3b3b;text-decoration:none}.project-info .readmore a{padding-left:1rem}.project-info .readmore:hover>a{padding-right:2rem;transition:.5s}.side-project-card{max-width:380px;height:700px;border-radius:0;background:var(--el-bg-color);display:flex;flex-direction:column}@media all and (max-width:1024px){.side-project-card{max-width:100%;height:fit-content}}.side-project-cover{position:relative;width:100%;height:400px;margin-right:3rem;border-radius:0;overflow:hidden;background-color:#3b3b3b}.side-project-cover img{width:100%;height:100%;object-fit:cover}@media all and (max-width:1024px){.side-project-cover img{height:400px}}.side-project-cover :hover{transform:scale(1.2);object-fit:cover;transition-duration:.5s;opacity:.3}.side-project-cover p{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-size:2rem;font-weight:300;color:#e9e9e9;opacity:0}@media all and (max-width:1024px){.side-project-cover p{font-size:1.5rem}}.side-project-cover :hover+p{opacity:1;transition:.5s}.side-project-info{width:calc(100%);margin:0;height:600px;position:relative}@media all and (max-width:1024px){.side-project-info{height:fit-content}}.side-project-info div{display:flex;justify-content:left;align-items:center}.side-project-info h1{margin:1rem 0 0;font-size:2.2rem;font-weight:600;line-height:2.5rem}.side-project-info h1 a{text-decoration:none;color:#3b3b3b}.side-project-info h2{margin:.5rem 0 0;font-size:1.3rem;font-weight:400;line-height:1.5rem}.side-project-info .description{margin:2rem 0 4rem;max-height:60%;font-size:1rem;font-weight:300;text-align:justify;text-justify:inter-ideograph}.side-project-info .tags{margin:1rem 0 .5rem;font-size:.9rem;font-weight:300}.side-project-info .readmore{margin:0 1rem 1rem 0;position:absolute;bottom:0;right:0;width:15rem;font-size:1.3rem;font-weight:600;color:#3b3b3b;text-decoration:none}.side-project-info .readmore a{padding-left:1rem}.side-project-info .readmore:hover>a{padding-right:2rem;transition:.5s}#home_page{width:80%;margin-left:10%}@media all and (max-width:1600px){#home_page{width:90%;margin-left:5%}}#whoami{width:30%;text-align:justify}@media all and (max-width:1024px){#whoami{width:100%}}.card{display:flex;margin:180px 0}@media all and (max-width:1024px){.card{margin:90px 0}}#side-projects{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}@media all and (max-width:1024px){#side-projects{display:block}}.mini-card{display:flex;margin:0 24px 90px}@media all and (max-width:1024px){.mini-card{margin:90px 0}}.project-page{width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center}@media all and (max-width:1024px){.project-page{width:90%}}.project-page h1{font-size:2.2rem;font-weight:600;line-height:2.5rem}.project-page h2{font-size:1.3rem;font-weight:400}.project-page h3{font-size:1.3rem;font-weight:bold}.project-page h4{font-size:1.1rem;font-weight:600}.project-page p{font-size:1rem;font-weight:300}.project-page ul{font-size:1rem;font-weight:300}.project-banner{position:relative;width:100%;height:512px;border-radius:0;overflow:hidden;background-color:#3b3b3b}.project-banner img{width:100%;height:100%;object-fit:cover}.project-information{width:100%;margin:2rem 0 0;text-align:justify}#title{margin:0}#subtitle{margin:0}#date-and-contributors{font-size:1rem;font-weight:300;margin:.3rem 0 0}.project-description{width:100%;text-align:justify}.project-content{width:60%;margin:2rem auto 0;text-align:justify}@media all and (max-width:1024px){.project-content{width:100%}}.project-content img{width:80%;height:auto;margin-left:10%}@media all and (max-width:1024px){.project-content img{width:100%;height:auto;margin:0}}.project-content iframe{width:100%;aspect-ratio:16/9;border:0px}@media all and (max-width:1024px){.project-content iframe{width:100%;height:auto;margin-left:0%;border:0px}}.project-header{margin:2rem 0 0;display:flex;flex-direction:row;align-items:top;justify-content:space-between;width:100%;height:100%}@media all and (max-width:1024px){.project-header{flex-direction:column;justify-content:normal;align-items:center}}#abstract{height:fit-content;font-weight:600}.abstract-full{width:100%;margin-top:0}.abstract-partial{width:calc(100% - 600px);margin-left:2rem;margin-top:0}@media all and (max-width:1024px){#video{width:100%;height:calc(60vw - 40px)}.abstract-partial{width:100%;margin-left:0;margin-top:1rem}}#demo{width:80%;aspect-ratio:16/11;border:0px;margin:3rem 0 0}@media all and (max-width:1024px){#demo{display:none}}