@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Buhid&display=swap");#app,body,html{height:100%;width:100%}.main-body{height:80%;width:100%;display:flex;flex-direction:column;gap:20px;margin-bottom:1rem;margin-right:2rem;margin-left:2rem}.about-header h1{letter-spacing:3px}.about-header h1,.about-header p{font-family:Arial,Helvetica,sans-serif;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.about-header p{color:#777;font-size:24px}.profile-pic{float:right;margin:25px 70px 25px 25px;width:200px;object-fit:cover}.about-section{font-family:Arial,Helvetica,sans-serif}.main-body a:-webkit-any-link{color:#1890ff;text-decoration:none}.main-body a:-webkit-any-link:hover{color:#1d457a;text-decoration:underline}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap");.bottom-bar{display:flex;flex-direction:column;justify-content:center;align-items:center}.copyright{margin-top:20px;margin-bottom:50px;height:auto;width:100%;font-family:Noto Sans,sans-serif;color:#666;font-weight:500;font-size:13px;text-align:center}.icons{margin-top:50px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.icons svg{font-size:24px}.icons a:-webkit-any-link{color:#000;cursor:pointer;text-decoration:none;-webkit-transition:color .3s;transition:color .3s}.icons a:-webkit-any-link:hover{color:#1890ff}@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap");.navbar-container{margin:2rem 2rem 1rem}.navbar{display:flex;flex-direction:row;gap:40px;margin-top:20px}.navbar li{color:#000;font-size:20px;list-style:none;text-decoration:none;font-family:Arial,Helvetica,sans-serif}.navbar a:-webkit-any-link{color:#000;cursor:pointer;text-decoration:none;-webkit-transition:color .5s;transition:color .5s}.navbar a:-webkit-any-link:hover{color:#1890ff;font-size:20px}#home-link{margin-right:auto}.hor-line{border-color:#000;border-style:none;background-color:#000;height:.5px}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");.studio{height:80%;width:100%;display:flex;flex-direction:column;gap:20px;margin-bottom:1rem;margin-right:2rem;margin-left:2rem}.studio-section{font-family:Arial,Helvetica,sans-serif;margin-right:70px}.title{font-size:2rem;font-weight:900;margin-bottom:20px}.info{font-size:20px;color:#111;line-height:30px}.portfolio-project-link{position:relative;text-align:center;color:#fff}.portfolio-project-link img{width:100%;height:100%;object-fit:cover;transition:filter .5s}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;font-family:Noto Sans JP,sans-serif;opacity:0;display:flex;flex-direction:column;align-content:center;justify-content:center;gap:10px}.overlay .title{font-size:35px;margin:0}.overlay .subtitle{font-size:26px;margin:0}a.portfolio-project-link:-webkit-any-link,a.portfolio-project-link:-webkit-any-link:hover{color:#fff;font-size:24px;text-decoration:none}a.portfolio-project-link:-webkit-any-link:hover .portfolio-image{filter:brightness(50%)}.portfolio-project-link .overlay:hover{opacity:100%}.studio a:-webkit-any-link{color:#1890ff;text-decoration:none}.studio a:-webkit-any-link:hover{color:#1d457a;text-decoration:underline}time{float:right;color:#999;text-transform:uppercase;text-decoration:none}.project-link{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid transparent;margin-bottom:5px}.project-link:hover{border-bottom:1px solid #000}.project-info a:-webkit-any-link:hover{color:#1d457a;text-decoration:none}.project sup{vertical-align:top;position:relative;top:-.5em}.app{max-width:48rem;margin:2rem auto}.app,.project{display:flex;flex-direction:column}.project{height:80%;width:100%;gap:20px;margin-bottom:1rem;margin-right:2rem;margin-left:2rem;font-family:Arial,Helvetica,sans-serif}.project-section{margin-right:70px}.subtitle{font-size:25px;font-weight:900;margin-top:20px;margin-bottom:10px}.project-pic{margin:50px auto;display:block;width:100%}.project a:-webkit-any-link{color:#1890ff;text-decoration:none}.project a:-webkit-any-link:hover{color:#1d457a;text-decoration:underline}.footnotes hr{border:0;border-bottom:1px dotted #ccc;height:.5px;width:100%;margin-right:64px}.footnotes li{margin-bottom:10px}.caption-section{border-left-style:solid;border-width:.125rem;padding-left:1rem;margin-bottom:2rem;margin-top:2rem;font-size:1.25rem}.caption-section a{font-family:Consolas,monaco,monospace;font-weight:700}.caption-section p{margin-top:.5rem}