body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181a1b;color:#eef1f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--max-width:min(1000px,90vw);--base-color:#333738;--border-color:#595f61;--highlight-color:#d9473a;--dark-highlight-color:#ce3527}.size-warning{background-color:#d9473a;background-color:var(--highlight-color);border-radius:12px;box-sizing:border-box;display:flex;font-size:1.4em;gap:5px;margin-top:40px;padding:20px 15px;width:min(1000px,90vw);width:var(--max-width)}.size-warning svg{align-self:center}.navbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#303334cc;border-bottom:1px solid #595f61;border-image:linear-gradient(90deg,#34373800 0,#595f61 50%,#34373800);border-image-slice:1;border-radius:12px;box-shadow:0 0 8px 0 #00000040;box-sizing:border-box;display:flex;justify-content:space-between;left:20px;overflow-x:auto;padding:12px 20px;position:fixed;top:22px;transition:all .2s ease-in-out;width:calc(100% - 40px);z-index:100}.navbar-item:last-child{margin-right:20px}.navbar-item{white-space:nowrap}.page-navigation{display:flex;gap:25px;transition:gap .2s ease-in-out}.social-media a{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-top:5px}.navbar a{color:#eef1f2;display:inline-block;font-size:1.5rem;position:relative;text-decoration:none;transition:all .2s}.navbar a:hover{color:#d9483b}.navbar-item a:before{background-color:#eef1f2;bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;transition:opacity .2s ease-in-out;width:100%}.navbar a.navbar-active:before{opacity:1}#collapsed{border-radius:0;left:0;top:0;width:100%}@media screen and (max-height:600px){#collapsed{padding:8px 20px 6px}#collapsed a{font-size:1.2rem}}#collapsed .page-navigation{gap:30px}.bg-hidden{opacity:0!important}.section-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.container{box-sizing:border-box;margin:0 auto;padding-bottom:15px;width:min(1000px,90vw);width:var(--max-width)}.spacer{height:20px}.title{font-size:2.5rem}.title h1{filter:drop-shadow(0 0 15px rgba(0,0,0,.6));margin-bottom:20px}.subtitle{font-size:2.5rem}.content{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;position:relative;z-index:1}.full-content{-webkit-overflow-scrolling:touch;border-radius:12px;height:70vh;overflow:auto;padding-right:6px}.full-content::-webkit-scrollbar{background:#333738;background:var(--base-color);border-radius:12px}.full-content::-webkit-scrollbar-thumb{background:#d9473a;background:var(--highlight-color);border:2px solid #333738;border:2px solid var(--base-color);border-radius:12px;-webkit-transition:all .2s ease;transition:all .2s ease}.small-text-content-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#313435cc;border:1px solid #595f61;border-radius:12px;flex:1 1;font-size:1.2rem;line-height:1.4;padding:20px}.image-credit{font-size:.8rem;margin-top:65px;opacity:.6}.image{border-radius:4px;height:100%;object-fit:cover;width:100%}.small-image-content-container{flex:1 1;font-size:1.2rem;line-height:1.3;padding:10px}.small-image-content-container,.text-content-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#313435cc;border:1px solid #595f61;border-radius:12px}.text-content-container{margin-bottom:20px;padding:20px}.item-header{font-size:2rem;margin:0}.item-subtitle{display:flex;justify-content:space-between}.item-date{font-weight:lighter}.item-title{font-weight:600}.item-description ul{margin:0;padding-left:20px}.item-description ul li{line-height:1.2;margin-bottom:8px}.item-tags{padding-top:5px}.item-tags,.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag-list{list-style:none;margin:0;padding:5px 0 0}.tag{background-color:#595f61;background-color:var(--border-color);border:none;border-radius:12px;color:inherit;font-size:.8rem;opacity:.8;padding:5px 10px}.All-tag{visibility:hidden}.simple{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#313435}.hamburger-menu{color:#eef1f2;cursor:pointer;display:none;font-size:1.5rem}.desktop-nav{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-nav{display:none}.social-media{display:flex;gap:15px;margin-left:0}@media screen and (max-width:900px){.desktop-nav{display:none}.mobile-nav{overflow-y:hidden;transition:all .3s ease-in-out;width:100%}.hamburger-menu,.mobile-nav{display:block}.navbar{align-items:flex-start;box-shadow:0 0 12px 4px #000000b3;flex-direction:column;padding:12px 20px;transition:all .3s ease-in-out}.navbar-header{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-expanded{border-radius:0 0 12px 12px!important;height:auto;max-height:85vh}.mobile-nav .page-navigation{border-left:2px solid #eef1f2bc;box-sizing:border-box;display:flex;flex-direction:column;gap:15px!important;margin-top:0;max-height:0;opacity:0;padding-left:12px;transition:all .3s ease-in-out;visibility:hidden;width:100%}.mobile-menu-open{margin-bottom:10px!important;margin-top:15px!important;max-height:85vh!important;opacity:1!important;visibility:visible!important}.navbar-item{font-weight:700}.navbar-item:last-child{margin-bottom:5px}.social-media{margin-left:0}.navbar-active{margin-left:5vw!important}}@media screen and (max-width:768px){:root{--max-width:95vw}.container{box-sizing:border-box;padding:0 15px;width:100%}.title{font-size:2rem}.content{flex-direction:column}.small-image-content-container,.small-text-content-container,.text-content-container{box-sizing:border-box;margin-bottom:15px;width:100%}.item-header{font-size:1.5rem}.item-subtitle{flex-direction:column;gap:5px}}@media screen and (max-width:480px){.container{padding:0 10px}.title{font-size:1.8rem}.small-image-content-container,.small-text-content-container,.text-content-container{font-size:1rem;padding:15px}}#introduction{padding-top:60px;position:relative;transition:background-image .5s ease-in-out}#introduction .background{background-image:url(/static/media/20240117_172940.809f3c67fd5b9f7f6b67.jpg);background-position:50%;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-1}@media screen and (max-height:450px){#introduction{padding-top:20px}}@media screen and (max-width:768px){#introduction{padding-top:40px}}@media screen and (max-width:480px){#introduction{padding-top:30px}}#publications{position:relative;transition:background-image .5s ease-in-out}#publications .background{background-image:linear-gradient(#0003,#0003),url(/static/media/danang.3d7e0f00de099b832b31.jpg);background-position:50%;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-1}.publication-item{line-height:1.4}.publication-item a{color:#eef1f2;text-decoration:none;transition:all .1s ease-in-out}.publication-item a:hover{color:var(--highlight-color)}.publication-item a .external-link-icon{margin-left:.35em;vertical-align:text-top}#research{position:relative;transition:background-image .5s ease-in-out}#research .background{background-image:linear-gradient(#0003,#0003),url(/static/media/lanterns.e213f3acde3aaacca3f8.jpg);background-position:50%;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-1}.accented-half-content-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#d9473acc;border:none;border-radius:12px;color:#eef1f2;flex:1 1;font-size:1.4rem;padding:20px;text-decoration:none;transition:background-color .15s}.accented-half-content-button:hover{background-color:#d9473a99;cursor:pointer}.half-content-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#313435cc;border:1px solid #595f61;border-radius:12px;color:#eef1f2;flex:1 1;font-size:1.4rem;padding:20px;text-decoration:none;transition:background-color .15s}.half-content-button:hover{background-color:#31343599;cursor:pointer}.experience-item:last-child{margin-bottom:0}#experience{position:relative;transition:background-image .5s ease-in-out}#experience .background{background-image:url(/static/media/IMG_0060.0890a8e3dc2fc5488f45.jpeg);background-position:50%;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-1}@media screen and (max-width:768px){.accented-half-content-button,.half-content-button{font-size:1.2rem;padding:15px}}@media screen and (max-width:480px){.accented-half-content-button,.half-content-button{font-size:1.1rem;padding:12px}}#projects{position:relative;transition:background-image .5s ease-in-out}#projects .background{background-image:url(/static/media/orion.565abcf556605315faa4.jpeg);background-position:50%;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-1}.project-item{transition:all .15s ease-in-out}.project-item:last-child{margin-bottom:0}.project-item:hover{border-color:#d9483b;cursor:pointer}.filter{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}.filter button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#313435cc;border:1px solid var(--border-color);border-radius:12px;color:inherit;cursor:pointer;font-size:1.2rem;padding:10px 20px;transition:all .15s ease-in-out}.filter button:hover{background-color:#31343599;cursor:pointer}.filter button.active{background-color:#d9473acc;border:1px solid var(--highlight-color)}.filter button.active:hover{background-color:#d9473a99}@media screen and (max-width:768px){#projects .full-content{height:50vh}.filter button{font-size:1.1rem;padding:8px 16px}}@media screen and (max-width:480px){#projects .full-content{height:40vh}.filter{gap:8px}.filter button{font-size:1rem;padding:6px 12px}}#photography{position:relative;transition:background-image .5s ease-in-out}#photography .background{background-image:url(/static/media/bouldervalleyranch.7a6af2061fefe46bab42.jpeg);background-position:50%;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-1}#photography .full-content{height:auto}.album-gallery{-webkit-overflow-scrolling:touch;background-color:var(--border-color);border-radius:6px;box-shadow:0 0 10px 6px var(--border-color);display:flex;gap:10px;height:max(300px,50vh);margin-top:20px;overflow:auto}.album-gallery::-webkit-scrollbar{background:var(--border-color);border-radius:6px}.album-gallery::-webkit-scrollbar-thumb{background:#c8ced0;border:4px solid var(--border-color);border-radius:12px;-webkit-transition:all .2s ease;transition:all .2s ease}.gallery-image{border-radius:3px;box-sizing:border-box;height:100%;transition:transform .15s ease-in-out}.gallery-image:hover{border:1px solid var(--highlight-color);cursor:pointer;transform:scale(.99)}@media screen and (max-width:768px){.album-gallery{gap:8px;height:max(250px,40vh);margin-top:15px}}@media screen and (max-width:480px){.album-gallery{gap:6px;height:max(200px,35vh);margin-top:10px}.gallery-image:hover{transform:none}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;visibility:hidden;width:100%;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:none;border-radius:12px;display:flex;max-height:90%;max-width:90vw;overflow-y:auto;padding:20px;position:relative}.close-button{align-items:center;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.close-button,.modal-image{background-color:var(--base-color)}.modal-image{border-radius:12px;margin-right:20px;max-height:80vh;max-width:70%;object-fit:cover;padding:10px}.modal-description{align-content:center;margin:15px 0;max-width:500px;overflow:auto}.modal-description h2{font-size:3rem;margin:0 0 20px}.modal-description p{font-size:2rem;margin:0}
/*# sourceMappingURL=main.7d0d7e5f.css.map*/