body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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{--bg:#f5f4f3;--primaryCol:#088759;--subCol:gray;--pointCol:#088759}:root[data-theme=dark]{--bg:#000;--primaryCol:#f5f4f3;--subCol:#b5b5b5;--pointCol:#646464}html{background-color:#f5f4f3;background-color:var(--bg)}h2{font-family:poppins;font-size:1.3em}h2,h3{font-weight:400}h3{font-family:Noto Sans,sans-serif;font-size:1.1em;margin:2px 2px 10px;text-align:left}hr{background-color:#088759;background-color:var(--primaryCol);border:none;height:1px}.App,a{color:#088759;color:var(--primaryCol)}.App{font-family:Noto Sans,sans-serif;font-size:.9em;font-weight:340;height:100%;letter-spacing:.04em;line-height:1.7;margin:0;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}a:link{text-decoration:none}.main-component{margin-top:114px}.content{margin:0}.footer{font-size:small;height:60px;padding-bottom:50px;padding-top:10px}.content{padding:0 20px 20px}.navStyles{color:#088759;color:var(--primaryCol);height:100px;left:0;position:fixed;top:0;width:100%;z-index:100}.header-bracket{height:26px;transition:opacity .8s ease;width:100%}.header-bracket div:first-child{background-color:#088759;background-color:var(--pointCol);height:46px;width:100%}.header-bracket div:nth-child(2){background-color:#f5f4f3;background-color:var(--bg);border-radius:30px 30px 0 0;height:86px;position:absolute;top:16px;transition:top .8s ease;width:100%}.navStyles.with-bg .header-bracket{opacity:1}.navStyles.transparent .header-bracket{opacity:0}.navStyles.transparent .header-bracket div:nth-child(2){top:0}.navStyles.transparent .header-container{left:-8px;top:-38px}.navStyles.transparent .logo{transform:scale(.5)}.navStyles.transparent .menu-container{margin:16px 20px;transform:scale(.9)}.header-container{display:flex;height:86px;justify-content:space-between;left:0;position:relative;top:-10px;transition:top .8s ease,left .8s ease;width:100%}.menu-container{align-items:center;color:#088759;color:var(--primaryCol);display:flex;float:right;margin:16px 40px;transform:scale(1);transition:transform .8s ease,margin .8s ease;width:auto}.header-title{display:flex;flex-direction:column;margin:auto;padding:0 20px}.header-title p{align-self:flex-start;margin:0}.header-title p:first-child{font-family:Poppins,sans-serif;font-size:1.3em;font-weight:600}.header-title p:nth-child(2){font-size:.9em;font-weight:400;margin-left:1px;margin-top:-6px}.logo{background-color:#088759;background-color:var(--pointCol);display:block;height:100px;margin-top:-4px;-webkit-mask:url(/static/media/logo.b26a767b53401b9c5934.svg) no-repeat center;mask:url(/static/media/logo.b26a767b53401b9c5934.svg) no-repeat center;transform:scale(.65);transition:transform .6s ease;width:80px}.menu-logo .logo{cursor:pointer}.menu-list{border:none;font-size:1.1em;font-weight:400;width:auto}.menu-list p{margin:0;padding:14px;text-align:center}.theme-button{background-color:#f5f4f3;background-color:var(--bg);border:1px solid #088759;border:1px solid var(--primaryCol);border-radius:50%;cursor:pointer;height:14px;margin:0 4px 0 12px;width:14px}.home{height:100vh;overflow:hidden;width:100%}.main-image video{height:100%;left:50%;margin:0;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.about-container{margin:auto;max-width:1000px;padding:40px;width:85%}.info-container{display:flex;height:160px}.info-container .logo{transform:scale(1.2)}.info-container-tex{display:flex;flex-direction:column;padding-left:40px;text-align:left}.info-container .title{padding-top:15px}.info-container .links p{margin:1px 0}.info-container div{margin:auto 0}.info-container .title p:first-child{font-family:poppins;font-size:1.5em;font-weight:600;line-height:1;margin:0}.info-container .title p:nth-child(2){font-size:1.1em;font-weight:450;margin:0}.info-container .links{font-size:.9em;padding-top:10px}.myself{margin-top:40px}.myself,.skills{text-align:left}.skills p{margin:0}.skills>p{font-size:.9em;font-weight:500}.skills div{margin:5px 10px}.email{margin-top:20px;text-align:left}.works-container{display:flex;flex-direction:row}.sort-container{text-align:left;width:250px}.sort-container p{margin:2px}.sort-title{font-size:.9em;font-weight:400}.sort-fields,.sort-skills p{cursor:pointer}.sort-fields .selected,.sort-skills .selected{-webkit-text-decoration:underline 1px;text-decoration:underline 1px}.sort-container>div{margin:20px}.sort-container div>div{padding-left:10px}.archives-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.archive-card-container div{aspect-ratio:16/9}.archive-card-container>div{aspect-ratio:16/9;background-color:#088759;background-color:var(--pointCol);border-radius:4px;position:relative;width:100%}.archive-mask{background-color:#fff;border:1px solid #088759;border:1px solid var(--pointCol);border-radius:60px 4px 60px 4px;overflow:hidden}.archive-item img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.archive-item-hover{border-radius:4px;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.archive-item-hover:hover{opacity:100%}.archive-item-hover div{background-color:#088759;background-color:var(--pointCol);opacity:35%;position:absolute;top:0;width:100%}.archive-item-hover p{color:#f5f4f3;font-family:poppins;font-size:1.2em;font-weight:500;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}.archive-container{margin:20px}.archive-container img{margin:0 auto;width:100%}.image-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:5px}.image-grid img{display:block;object-fit:contain;width:100%}.video-wrapper{aspect-ratio:16/9;margin:0 auto;max-width:1280px}.video-wrapper iframe{height:100%;width:100%}.video-caption{margin:20px auto 10px;max-width:1280px}.video-caption p{color:gray;color:var(--subCol);font-size:.85em;margin:0;text-align:left}.archive-container .section-container{margin:10px auto;max-width:1200px}.archive-container .section-container>div{margin:0 50px}.description-container{max-width:900px;padding:0 20px;text-align:left}.description-container p{margin:0;padding:0}.description-container>h2:first-child{margin-bottom:10px}.description-container>div{font-weight:350;margin:20px 0}.description-container>div p{font-size:.95em}.hr{background-color:#088759;background-color:var(--primaryCol);border:none;height:1px;margin:20px}.description{white-space:pre-line}.loading-blank{height:800px}@media (max-width:850px){h2{font-size:1.3em}h3{font-size:1.1em}p{font-size:.95em}.header-container,.navStyles{height:70px}.main-component{margin-top:90px}.header-bracket{height:20px}.header-bracket div:first-child{height:28px}.header-bracket div:nth-child(2){border-radius:22px 22px 0 0;height:72px;top:11px}.navStyles.transparent .header-container{left:0;top:-24px}.navStyles.transparent .menu-container{margin:16px 10px}.menu-container{margin:16px 15px}.menu-list p{font-size:.87em}.logo{margin-left:-8px;margin-top:-12px;transform:scale(.55)}.content{padding:0 20px}.works-container{flex-direction:column}.archive-item-hover p{font-size:1em}.sort-container{display:none}.archives-container{gap:5px;grid-template-columns:1fr;margin:0 auto}.archive-mask{border-radius:30px 3px 30px 3px}.archive-container .section-container>div{margin:0 20px}.archive-container{margin:0}.description-container{padding:0}.video-caption{margin:10px 0}.video-caption p{font-size:.85em;line-height:1.4em}.hr{margin:20px 0}.about-container{margin:0;padding:0;width:100%}.info-container .logo{display:none}.info-container-tex{padding-left:0}.myself{margin-top:0}}
/*# sourceMappingURL=main.a76500da.css.map*/