.home-page .left-side{width:calc(50vw - 80px);height:calc(100vh - 100px);overflow-x:hidden;overflow-y:auto;float:left;color:#fff;padding:100px 0 0 80px;z-index:1;position:fixed}.home-page .left-side .profile-image{background:url(/profile.jpeg) center center;background-size:contain;border-radius:100%;min-width:250px;min-height:250px;max-width:250px;max-height:250px;margin-bottom:20px}.home-page .left-side span{display:block}.home-page .left-side .name{margin-left:3px;font-size:50px;font-weight:600}.home-page .left-side .role{font-size:20px;font-weight:500;color:#c9c9c9}.home-page .left-side .description{margin-top:30px;max-width:75%;color:#9e9e9e}.home-page .left-side .social{list-style:none;padding:0;margin:20px 0 0;font-size:27px;position:relative}.home-page .left-side .social li{display:inline-block;margin-right:10px;text-decoration:none;height:fit-content;vertical-align:middle}.home-page .left-side .social li a{text-decoration:none;margin:0}.home-page .left-side .social li a .text-only{padding:2.5px 10px;display:block;color:#aaa;transition:color .1s ease-in;font-size:12px;border:2px solid #aaa;border-radius:5px;font-weight:700;margin-bottom:5px}.home-page .left-side .social li a .text-only:hover{color:#fff}.home-page .left-side .social li a .text-only.primary{border-color:#1aaf87;color:#1aaf87}.home-page .left-side .social li svg{color:#aaa;transition:color .1s ease-in}.home-page .left-side .social li svg:hover{color:#fff}.home-page .right-side{color:#fff;width:calc(50vw - 115px);padding:90px 100px 50px 20px;height:fit-content;overflow-x:hidden;overflow-y:auto;padding-left:50vw}.home-page .right-side .intro{color:#aeaeae;line-height:25px;display:block}.home-page .right-side .intro b{color:#fff;font-weight:500}.home-page .right-side .section{display:block;margin:30px 0 20px;font-size:25px;font-weight:500}.home-page .right-side .work-experience-list{list-style:none;padding:0}.home-page .right-side .work-experience-list li{width:100%;overflow-y:auto;height:fit-content;margin-bottom:15px}.home-page .right-side .project-list{list-style:none;padding:0}.home-page .right-side .project-list li{width:calc(100% - 10px);overflow-y:auto;height:fit-content;margin-bottom:15px;cursor:pointer;transition:background-color .2s ease-in;border-radius:10px;padding:5px}.home-page .right-side .project-list li:hover{background-color:#ffffff17}.home-page .right-side .education-list,.home-page .right-side .award-list{list-style:none;padding:0;overflow-y:auto}.home-page .work-card-wrapper .when{width:25%;float:left;font-size:14px;margin-top:4px}.home-page .work-card-wrapper .info{width:75%;float:left}.home-page .work-card-wrapper .info .where{font-weight:500;display:block;font-size:17px}.home-page .work-card-wrapper .info .role{font-size:15px;color:#dedede}.home-page .work-card-wrapper .info .description{color:#9e9e9e;font-size:15px}.home-page .work-card-wrapper .info .tags{margin-bottom:10px}.home-page .work-card-wrapper .info .tags .tag{background-color:#1aaf8862;border-radius:100px;padding:5px 10px;font-size:13px;margin:0 3px 7px 0;color:#0fefb3;display:inline-block;width:fit-content}@media (max-width: 500px){.home-page .work-card-wrapper .when{width:100%;float:left;font-size:14px;margin-top:4px}.home-page .work-card-wrapper .info{width:100%}}.home-page .award-card-wrapper .when{width:25%;float:left;font-size:14px;margin-top:4px}.home-page .award-card-wrapper .info{width:100%;float:left}.home-page .award-card-wrapper .info .title{font-weight:500;display:block;font-size:17px}.home-page .award-card-wrapper .info .subtitle{font-weight:400;display:block;font-size:14px;color:#dedede}.home-page .award-card-wrapper .info .description{color:#9e9e9e;font-size:15px;margin-bottom:4px}.home-page .award-card-wrapper .info .url{display:block;color:#fff;margin-bottom:20px}.home-page .award-card-wrapper .info .url svg{vertical-align:middle;margin-left:5px;font-size:13px}.home-page .education-card-wrapper{height:fit-content;overflow-y:auto;margin-bottom:20px}.home-page .education-card-wrapper .when{width:25%;float:left;font-size:14px;margin-top:4px}.home-page .education-card-wrapper .info{width:75%;float:left}.home-page .education-card-wrapper .info .where{font-weight:500;display:block;font-size:17px}.home-page .education-card-wrapper .info .degree{font-size:15px;color:#dedede}.home-page .education-card-wrapper .info .description{color:#9e9e9e;font-size:15px}.home-page .education-card-wrapper .info .research-list{margin-top:10px;list-style:disc}.home-page .education-card-wrapper .info .research-list li::marker{color:#fff}.home-page .education-card-wrapper .info .research-list .research-entry{margin-bottom:20px}.home-page .education-card-wrapper .info .research-list .research-entry:last-child{margin-bottom:0}.home-page .education-card-wrapper .info .research-list .research-entry .title{display:block;font-weight:700}.home-page .education-card-wrapper .info .research-list .research-entry .subtitle{display:block;font-weight:400;font-size:14px;color:#dedede;margin-top:3px}.home-page .education-card-wrapper .info .research-list .research-entry .url{display:block;color:#fff}.home-page .education-card-wrapper .info .research-list .research-entry .url svg{vertical-align:middle;margin-left:5px;font-size:13px}@media (max-width: 500px){.home-page .education-card-wrapper .when{width:100%;float:left;font-size:14px;margin-top:4px}.home-page .education-card-wrapper .info{width:100%}}.home-page .project-card-wrapper .main-image{width:100px;float:left}.home-page .project-card-wrapper .main-image img{width:100%;border:2px solid #0d5381;border-radius:5px}.home-page .project-card-wrapper .info{width:calc(100% - 140px);padding:0 20px;float:left}.home-page .project-card-wrapper .info .title{font-weight:600}.home-page .project-card-wrapper .info .title svg{color:#9e9e9e;font-size:13px;margin-left:3px}.home-page .project-card-wrapper .info .description{color:#9e9e9e}.home-page .blob{position:fixed;width:600px;z-index:0}.home-page .blob.top-left{top:-230px;left:-230px;rotate:5deg}.home-page .blob.bottom-left{bottom:-370px;left:0px;rotate:200deg}@media (max-width: 1500px){.home-page .left-side{position:relative;width:90vw;height:fit-content;margin-bottom:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 0 0;margin-left:5vw}.home-page .left-side .description,.home-page .left-side .name,.home-page .left-side .role{text-align:center}.home-page .right-side{width:calc(100vw - 100px);margin:0;padding:0 50px}}@media (max-width: 1500px) and (max-width: 500px){.home-page .right-side{width:calc(100vw - 80px);padding:0 40px}}@media (max-width: 1500px){.home-page .section{text-align:center;margin-bottom:40px!important}.home-page .blob.top-left{position:absolute}.home-page .blob.bottom-left{display:none}}@media (max-width: 500px){.home-page{width:100vw}.home-page .left-side .name{margin-left:0;font-size:35px;font-weight:600}.home-page .project-card-wrapper .main-image{width:100%}.home-page .project-card-wrapper .info{width:calc(100% - 40px);text-align:center;margin-top:20px}}.modal-wrapper{position:fixed;top:0;left:0;background-color:#0000005d;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:2}.modal-wrapper.invisible{display:none}.modal-wrapper .modal-box{background-color:#fff;width:75%;height:fit-content;border-radius:10px;box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f}.modal-wrapper .modal-box.gallery{display:flex;justify-content:center;align-items:center;background-color:transparent;position:relative}.modal-wrapper .modal-box.gallery .arrow{background-color:#ffffff9f;border:0;min-width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:100%;padding:0;cursor:pointer;transition:background-color .2s ease-in}.modal-wrapper .modal-box.gallery .arrow:hover{background-color:#fff}.modal-wrapper .modal-box.gallery .arrow.left{margin-right:20px}.modal-wrapper .modal-box.gallery .arrow.right{margin-left:20px}.modal-wrapper .modal-box.gallery img{width:100%;border-radius:10px}@media (max-width: 650px){.modal-wrapper .modal-box{width:90%}.modal-wrapper .modal-box.gallery .arrow{position:fixed;top:300px;bottom:0;margin:auto;background-color:#fff;width:30px}.modal-wrapper .modal-box.gallery .arrow.left{left:50px}.modal-wrapper .modal-box.gallery .arrow.right{right:50px}}@media (max-width: 20000px){.description{text-align:justify}}body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#001523}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#aaa}