*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}#root{overflow:clip}.page{min-height:100vh;background-color:#d9d9d9}.main-content{display:flex;flex-wrap:wrap;max-width:1300px;margin:0 auto}.side-component{flex:0 0 400px;margin-right:20px}.page-card{background-color:#ffffffd4;margin-top:50px;margin-left:25px;overflow:hidden;flex:1;align-self:flex-start;border-radius:8px;border:1px solid rgba(146,146,146,.598);padding-top:50px;padding-bottom:40px}.copyright{margin-bottom:40px}.title{padding:40px;text-align:left}.title h2{font-family:Roboto,sans-serif;font-weight:700;letter-spacing:.3px;font-size:3.5rem;margin-bottom:15px}.title p,.title p a{font:300 1.15rem/1.7 Merriweather,serif;color:#000;letter-spacing:.3px}.title p a{text-decoration:none;border-bottom:1px solid rgba(0,0,0,.27);transition:.2s}.title p a:hover{color:#758595!important;cursor:pointer;border-bottom:1px solid #758595}.title p a:visited,.title p a:active{color:#000}.page-divide{margin-right:40px;margin-left:40px;opacity:40%}.index-content{padding:30px 50px 50px;font-family:Inter}.index-content p{line-height:1.7;font-weight:300;font-size:1rem;color:#202020}.resume-content{padding:30px 50px 50px;font-family:Inter}.resume-card,.project-card{margin-bottom:40px}.resume-experience h2{text-align:center;font-size:1.5rem;font-family:Trirong,serif;font-weight:400;color:#383838;margin-bottom:20px}.resume-experience h3{font-size:1.2rem;font-family:Roboto,sans-serif;font-weight:600;color:#383838;margin-top:20px;margin-bottom:5px}.resume-title p a{text-decoration:none;border-bottom:1px solid #75859500!important;transition:.3s}.resume-title p a:hover{border-bottom:1px solid #758595!important}.experience-heading{margin-top:40px!important}.experience-date{font-size:1rem;font-family:Roboto,sans-serif;font-weight:300;color:#383838;opacity:50%;margin-bottom:5px}.experience-company{line-height:1.5;font-size:1.1rem;font-weight:200;color:#000000c4;letter-spacing:.1px;font-family:Trirong,serif;font-style:italic}.resume-content ul li{margin-top:15px;margin-left:20px;margin-right:30px;font-weight:300;color:#000;font-family:Roboto,sans-serif;font-size:1.1rem;letter-spacing:.1px;line-height:1.2}.resume-education h2{text-align:center;font-size:1.5rem;font-family:Trirong,serif;font-weight:400;color:#383838;margin-top:50px}.education-degree{color:#383838;font-weight:400;margin-top:20px;margin-bottom:5px;font-size:1.1rem}.education-school{color:#383838;font-weight:300;opacity:70%;font-size:1.1rem}.resume-certs h2{text-align:center;font-size:1.5rem;font-family:Trirong,serif;font-weight:400;color:#383838;margin-top:50px;margin-bottom:20px}.cert-link{margin-top:10px}.cert-link a{font-weight:400;color:#000;font-family:Roboto,sans-serif;letter-spacing:.05rem;text-decoration:none;border-bottom:.7px solid rgba(0,0,0,0);transition:.2s}.cert-link a:hover{border-bottom:.7px solid black}.project-content{padding-bottom:50px;display:flex;flex-direction:column;align-items:center}.project-container{margin-top:30px;max-width:800px}.project-title-container{margin-right:15px;margin-left:15px;padding-top:20px;padding-bottom:15px;border:1px solid rgba(0,0,0,.26)}.project-title-container h3{margin-left:20px}.project-title-container a{text-decoration:none}.project-title-container a h3 span{font-size:1rem;font-family:Roboto,sans-serif;text-transform:uppercase;font-weight:400;color:#383838;transition:.3s;text-decoration:none;border-bottom:.7px solid #52729200}.project-title-container a h3 span:hover{color:#527292;border-bottom:.7px solid #527292}.project-title-container p{margin-left:20px;margin-top:5px;font-size:.7rem;font-family:Inter;font-weight:400;color:#383838}.project-image-container{margin-right:15px;margin-left:15px;position:relative;opacity:100%;transition:.4s}.project-image-container:hover{opacity:60%}.project-image-container img{max-width:100%;border-bottom:1px solid rgba(0,0,0,.26);border-right:1px solid rgba(0,0,0,.26);border-left:1px solid rgba(0,0,0,.26)}.card-404{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.title-404 h1{text-align:center;font-family:Roboto,sans-serif;font-weight:600;font-size:10rem}.subtitle-404 p{text-align:center;font-family:Roboto,sans-serif;font-weight:400;font-size:2rem}.home-btn-404{text-align:center;margin-top:50px}.link-404{font-family:Roboto,sans-serif;font-weight:600;text-decoration:none;background-color:#758595;color:#fff;padding:14px 28px}.contact-title{margin-bottom:0;padding-bottom:40px}.contact-content p{font-family:Merriweather,serif;font-size:1.15rem;line-height:1.7;letter-spacing:.3px;font-weight:300}.contact-email{font-family:Merriweather,serif;font-size:1.15rem;line-height:1.7;letter-spacing:.3px;font-weight:300;text-decoration:none;color:#000;transition:.3s;border-bottom:none}.contact-email:hover{border-bottom:.7px solid black}.contact-icon-container{margin-left:50px;padding-bottom:10px;display:flex}.contact-icon{font-size:1.2rem;color:#0000006a;text-decoration:none;margin-right:12px;transition:.2s}.contact-icon:hover{color:#000}@media screen and (max-width: 1280px){.main-content{flex-direction:column;max-width:80%}.side-component{order:2;margin-left:0;margin-right:0}.contact-card,.page-card{width:100%!important;margin-left:0;margin-right:0}.title{text-align:center}.contact-icon-container{margin-left:0;margin-top:30px;justify-content:center}.contact-title{padding-bottom:5px}}@media screen and (max-width: 980px){.main-content{max-width:90vw}.page-card,.side-component{margin-left:0!important;margin-right:0!important}.title{padding-bottom:15px;text-align:center}}@media screen and (max-width: 700px){.resume-content{padding-left:20px;padding-right:20px}}@media screen and (max-width: 480px){.page-card{margin-top:30px;padding-top:30px;margin-left:0!important;margin-right:0!important}.title{padding-bottom:15px;text-align:center}.title h2{font-size:2.5rem}.title p,.title p a{font-size:1rem}.resume-title p{font-size:1.3rem}.resume-headings h2{font-size:1.2rem}.resume-headings h3{font-size:1rem}.contact-title{margin-bottom:0}.contact-email{font-size:1rem}}@media screen and (max-width: 430px){.resume-content{padding:20px}.experience-company{font-size:1rem}.resume-content ul li{margin-top:10px;margin-left:10px;margin-right:15px;font-size:1rem}.cert-link a{font-size:.9rem}.resume-education h2{font-size:1.2rem;margin-top:40px}.education-degree,.education-school{font-size:1rem}.resume-certs h2{font-size:1.2rem;margin-top:40px}.resume-certs p{font-size:.75rem}.project-title-container h3{font-size:.9rem}.contact-title{padding-bottom:0;margin-bottom:0}.contact-card{margin-left:0!important;margin-right:0!important}}@media screen and (max-width: 380px){.resume-title p{font-size:1rem}.resume-title{padding-left:0;padding-right:0}}@media screen and (max-width: 340px){.main-content{max-width:95vw}.title h2{font-size:2rem}.title p,.title p a{font-size:1rem}.page-card,.side-component{margin-right:0;margin-left:0}.index-content{padding:20px 10px 10px}.page-card{margin-top:20px}}@media screen and (max-width: 290px){.project-title-container h3{font-size:.7rem}}.navbar{background-color:#758595;height:70px;display:flex;justify-content:center;align-items:center;font-size:1rem;position:sticky;top:0;z-index:100;width:100%}.page-container{width:1350px}.nav-container{display:flex;justify-content:left;align-items:center;margin-left:50px;width:100%}.nav-logo{font-family:Roboto,sans-serif;color:#fff;font-weight:400;align-items:center;cursor:pointer;text-decoration:none;font-size:1.2rem;letter-spacing:.12rem;border-bottom:1px solid rgba(255,255,255,0);transition:.1s}.nav-logo:hover{border-bottom:1px solid white}.nav-divide{border-left:1px solid #000000;opacity:.15;height:45px;margin-left:20px}.nav-menu{display:flex;list-style:none;text-align:center;margin-right:30px}.nav-links{font-family:Roboto,sans-serif;color:#fff;font-weight:400;letter-spacing:.08rem;font-size:1rem;text-decoration:none;margin-left:20px;height:100%;border-bottom:1px solid rgba(255,255,255,0);transition:.2s}.nav-item{line-height:40px;margin-right:.1rem}.nav-links:hover{border-bottom:1px solid rgb(255,255,255)}.hamburger-menu{display:none;margin-left:auto}.hamburger-menu:hover{cursor:pointer}.side-menu-container{display:none}@media screen and (max-width: 1280px){.page-container{width:83vw}}@media screen and (max-width: 980px){.page-container{width:95vw}.navbar{height:60px;justify-content:space-between;padding:0 30px;width:100%}.logo-container{flex-grow:1}.menu-container{margin-top:200px}.nav-container{position:relative;width:100%;margin-left:0}.nav-divide,.nav-menu{display:none}.hamburger-menu{display:flex;justify-content:flex-end;position:absolute;right:0;overflow:clip}.hamburger{width:2rem;height:1.3rem;display:flex;justify-content:space-around;flex-flow:column nowrap;z-index:10}.burger{width:1.7rem;height:.1rem;border-radius:10px;background-color:#fff;opacity:100%;transform-origin:2px;transition:all .2s linear}.side-menu-container{display:block;position:fixed;right:0;top:0;width:320px;height:100vh}.menu-logo-container{text-align:left;margin-top:20vh}.menu-container{list-style:none;text-align:left}.menu-links{font-family:Roboto,sans-serif;color:#fff;font-weight:400;font-size:1.5rem;text-decoration:none;margin-left:30px;height:100%;margin-bottom:20px;border-bottom:3px solid transparent}.menu-divide{width:260px;margin-left:30px;color:#171717d0;opacity:30%;margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 430px){.side-menu-container{width:300px}.menu-logo{font-size:1rem;margin-left:45px}.menu-links{font-size:1.3rem;margin-left:45px}.menu-divide{width:200px;margin-left:45px}}@media screen and (max-width: 340px){.nav-logo{font-size:.9rem}.navbar{padding:0 15px}.hamburger{width:1.7rem;height:1rem}.menu-logo,.menu-links{margin-left:0}.burger{width:1.3rem;height:.02rem}.side-menu-container{width:100vw}.menu-logo-container,.menu-container{text-align:center}.menu-divide{margin:15px auto}}.side-container{max-width:450px;margin-top:50px;overflow:hidden;border-radius:8px;border:1px solid rgba(146,146,146,.598)}.side-header{text-align:center;padding-bottom:20px;background-color:#ffffffd4}.side-header-name{font-family:Roboto,sans-serif;font-weight:500;font-size:1.7rem;letter-spacing:.07rem;margin-bottom:5px}.side-header-email{font-family:Roboto,sans-serif;font-weight:300;font-size:.8rem;letter-spacing:.1rem;text-decoration:none;color:#4e4e4ed7;padding-bottom:2px;border-bottom:.7px solid rgba(62,62,62,.383);transition:.1s;text-transform:uppercase}.side-header-email:hover{cursor:pointer;color:#000;border-bottom:.7px solid black}.side-header img{width:175x;height:175px;margin-top:35px;margin-bottom:10px}.side-body{background-color:#758595;color:#fff}.side-body-info{padding:30px 15px 15px;line-height:1.7}.info-category{font-family:Roboto,sans-serif;font-weight:400;font-size:.9rem;padding-left:10px;padding-right:80px;letter-spacing:.05rem}.info-info{font-family:Roboto,sans-serif;font-weight:400;opacity:80%;font-size:.9rem;letter-spacing:.05rem}.side-divide{width:90%;margin:auto}.side-body-about{padding:25px}.side-body-about h3{font-family:Roboto,sans-serif;color:#ffffffe3;font-weight:600;letter-spacing:.08rem;font-size:1.5rem;margin-bottom:5px}.side-body-about p{font-family:Trirong,serif;color:#ffffffc9;font-weight:300;font-size:1rem;letter-spacing:.04rem;line-height:1.7}.side-download-cv{font-family:Roboto,sans-serif;font-weight:400;padding:25px 25px 30px;font-size:.9rem;letter-spacing:.05rem}.side-download-cv a{text-decoration:none;color:#ffffffb0;border-bottom:1px solid #ffffffb0;transition:.2s}.side-download-cv a:hover{cursor:pointer;color:#fff;border-bottom:1px solid #ffffff}.side-download-cv a:active,.side-download-cv a:visited{color:#fff}.social-icon-container{margin-left:25px;background-color:#758595!important;padding-bottom:20px;display:flex}.social-icon{margin-right:12px}.email{margin-top:1px}.social-icon,.social-icon:active,.social-icon:visited{font-size:1.3rem;color:#ffffffb0;transition:.2s}.social-icon:hover{color:#fff;cursor:pointer}.copyright{font-family:Roboto,sans-serif;font-weight:400;letter-spacing:.05rem;font-size:.8rem;color:#202020;opacity:50%;margin-top:50px;margin-left:5px}@media screen and (max-width: 1280px){.side-container{max-width:100%;margin-top:20px;overflow:hidden;border-radius:8px}.side-header img{margin-top:40px;margin-bottom:20px}.side-header-name{font-size:1.5rem}.side-body-info table{padding-left:25px}.side-body-about,.side-download-cv{padding-left:50px}.info-category{padding-right:100px}.copyright{text-align:center;margin-bottom:25px}.social-icon-container{margin-left:50px}}@media screen and (max-width: 980px){.side-body-info table{margin:0 auto;text-align:center;padding-left:0}.side-body-about,.side-download-cv{padding-left:50px;text-align:center}.info-category{padding-right:100px}.side-body-about{padding-left:10px;padding-right:10px}.side-body-info,.side-download-cv{padding-left:0;padding-right:0}.social-icon-container{margin-left:0;justify-content:center}}@media screen and (max-width: 480px){.side-component{margin-left:0;margin-right:0}}@media screen and (max-width: 430px){.info-category{padding-right:40px}.copyright{margin-top:15px}}@media screen and (max-width: 340px){.side-container{border-radius:0}.side-header-email{font-size:.7rem}.side-body-about p{font-size:.8rem}}