@import url(https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap);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}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#79ae2e;--secondary:#2c5f2d;--black:#111827;--lightGray:#ddd;--lightPrimary:#87c53044}::selection{background:#87c53044;background:var(--lightPrimary)}::-moz-selection{background:#87c53044;background:var(--lightPrimary)}a{color:#79ae2e;color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:#2c5f2d;color:var(--secondary)}.graphic{bottom:0;position:fixed!important;right:0;z-index:0}.loading{animation-direction:alternate-reverse;animation-duration:1s;animation-iteration-count:infinite;animation-name:loading;animation-timing-function:ease-in-out;border-radius:.5rem;height:25rem;width:100%}@keyframes loading{0%{background-color:#ddd;background-color:var(--lightGray)}to{background-color:#f5f5f5}}.content a{font-weight:700}.content img{width:100%}.content sup{line-height:1}.App{color:#111827;color:var(--black);display:flex;flex:1 1;margin-top:4rem;pointer-events:box-none;text-align:flex-start}.container{box-sizing:border-box;display:flex;height:100%;max-width:52rem;padding:20px 20px 20px 40px;width:100vw;z-index:1}.sidebar{display:flex;flex-direction:column;flex-shrink:0;width:200px}.cart{position:-webkit-sticky;position:sticky;top:4rem}.header{height:7rem}iframe{animation:pulse-gray 2s infinite;background-color:#ddd;background-color:var(--lightGray)}@keyframes pulse-gray{0%{background-color:#f5f5f5}50%{background-color:#ddd;background-color:var(--lightGray)}to{background-color:#f5f5f5}}h1{font-family:Cabin,sans-serif;font-size:40px;font-weight:700;line-height:1;margin:0}h1 a{color:#111827;color:var(--black);text-decoration:none}h2{font-family:Cabin,sans-serif;font-size:30px;font-weight:400;margin-top:1.3em}h3{margin-bottom:-.5em}.logo{height:7rem}.logo img{aspect-ratio:1;background-color:#2c5f2d;background-color:var(--secondary);border-radius:9999px;height:2rem;margin-left:.5rem;margin-top:6px}.body{display:flex;flex:1 1;flex-direction:column;min-width:0}.katex-display math{overflow:scroll;width:100%}.content :first-child{margin-top:0}.content .pageTitle{border-top:1px solid #ddd;border-top:1px solid var(--lightGray);margin-block-end:2.5rem;padding-top:2.5rem}.content .pageTitle:last-of-type{margin-block-end:1rem}.content .pageTitle:first-of-type{border-top:0 #ddd;border-top:0 var(--lightGray);padding-top:0}.content p:first-of-type{margin-top:0}.content p:first-child{margin-top:-.375rem!important}.content pre{position:relative}.content pre:before{background:linear-gradient(141deg,#111827,#2c5f2d 85%,#111827 300%)!important;border-radius:.5rem;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;z-index:-1}.content .codeBox{background-color:#111827!important;background-color:var(--black)!important;border-radius:.5rem!important;color:#fff;font-size:.875rem;line-height:1rem;padding:0;transition:box-shadow .7s,padding-left .2s,background-color .7s}.content .codeBox:hover{background-color:initial!important;box-shadow:inset 3px 3px 20px 1px #111827;box-shadow:inset 3px 3px 20px 1px var(--black);padding-left:1.1rem!important}.content code{background-color:#ddd;background-color:var(--lightGray);font-size:.875rem;line-height:1rem}.content .codeBox code{background:#0000!important}.content .katex-html{display:none}.katex-display{display:flex;justify-content:center;width:100%}.katex-display>.katex{display:inline-block;max-width:100%;overflow-x:scroll;text-align:center;white-space:nowrap}.footnotes{border-top:3px dotted #ddd;border-top:3px dotted var(--lightGray);font-size:.875rem;line-height:1.25rem;margin-top:2.5rem;padding-top:1rem}.footnotes #footnote-label{display:none}.navbar{font-family:ui-sans-serif,system-ui,Arial,sans-serif;font-size:.875rem;line-height:1.25rem;position:-webkit-sticky;position:sticky}.navbar .navlink:first-child{margin-top:-.375rem}.navlink,.navlink a{display:flex;flex-direction:row}.navlink a{align-items:center;color:gray;padding-bottom:.25rem;padding-top:.25rem;transition:color .2s}a .activeDot{background-color:initial;border-radius:9999px;cursor:not-allowed;height:6px;margin-right:.5rem;pointer-events:none;width:6px}.active .activeDot{background-color:#79ae2e;background-color:var(--primary);transition:background-color .2s}.active{color:#79ae2e!important;color:var(--primary)!important}.navlink a:hover{color:#2c5f2d;color:var(--secondary)}.navbar a{text-decoration:none}.content{font-family:"PT Serif",Georgia,ui-serif,Cambria,Times New Roman,Times,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,serif;font-size:1rem;line-height:1.75rem;width:100%}.footer{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-top:3.5rem}.copyright{color:gray}.links{align-items:center;display:flex;flex-direction:row}.links svg{fill:gray;height:18px;margin-left:.5rem;transition:fill .2s;width:18px}.information{height:20px!important;width:20px!important}.information:hover{fill:#2c5f2d;fill:var(--secondary)}.github:hover{fill:#181616}.rss:hover{fill:#f87900}.linkedin:hover{fill:#0076b2}.blogPost .blogEntry{pointer-events:none}.blogEntry{display:flex;flex-direction:row;justify-content:space-between;line-height:1;transition:color .2s}.blogTitle{color:#111827;color:var(--black);transition:color .2s}.blogTime{color:gray;line-height:1.25;padding-left:1rem;white-space:nowrap}.metadata{margin-top:-.8rem}.content .blogTitle:first-child{margin-top:0}.content .blogEntry:first-child{border-top:none}.blogEntry:hover .blogTitle{color:#2c5f2d;color:var(--secondary)}i{font-size:2rem}.devicons,.devicons-black{display:flex;flex-wrap:wrap;row-gap:.5rem;width:85%}.devicons i,.devicons-black i{margin-right:.5rem}.devicons-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;position:relative}.devicons-black{position:absolute;top:0;z-index:2}.devicons-black i{color:#111827!important;color:var(--black)!important;transition:opacity .2s}.devicons-black i:hover{opacity:0}.readMore{text-align:right}.gh i{color:#111827!important;color:var(--black)!important;transition:color .2s}.gh i:hover{color:#2c5f2d!important;color:var(--secondary)!important}.portalImg{margin-bottom:.5rem;overflow:hidden}.portalImg img{display:block;transition:transform .2s ease}.portalImg img:hover{transform:scale(1.02)}.mobile-header{display:none;font-size:36px!important;height:4rem}hr{border-top:1px solid #ddd;border-top:1px solid var(--lightGray);color:#0000;margin-bottom:2.5rem;margin-top:2.5rem}form textarea,input{border:1px solid #ddd;border:1px solid var(--lightGray);border-radius:.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family:"PT Serif",Georgia,ui-serif,Cambria,Times New Roman,Times,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,serif;font-size:1rem;line-height:1.75rem;margin-bottom:-.75rem;padding:1rem;width:100%}form textarea{resize:vertical}form textarea:focus,input:focus{outline:1px solid #79ae2e;outline:1px solid var(--primary)}form button{background-color:#79ae2e;background-color:var(--primary);border:none;border-radius:.5rem;color:#f5f5f5;font-family:Cabin,sans-serif;font-size:1.1rem;font-weight:400;margin-top:2rem;padding:1rem;transition:background-color .2s;width:100%}form button:hover{background-color:#2c5f2d;background-color:var(--secondary)}.formResult{display:block;margin-top:1.75rem!important}@media (max-width:768px){.container{flex-direction:column;padding-left:20px}.header{display:none}.mobile-header{display:flex}.content{font-size:1.125rem;line-height:1.7777778}.navbar{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2rem}.navbar .navlink:first-child{margin-top:0}.navbar .navlink{margin-right:1rem}.navlink a{flex-direction:column-reverse}.footer,.footnotes,.navlink a{font-size:1rem}.footnotes{line-height:1.5rem}a .activeDot{margin-right:0}.katex-display{font-size:1rem}.logo{height:5rem}.logo img{aspect-ratio:1;background-color:#2c5f2d;background-color:var(--secondary);border-radius:9999px;height:2rem;margin-left:0;margin-top:6px}.links svg{height:32px;width:32px}.links svg.information,.links svg.rss{height:34px!important;width:34px!important}.App{margin-top:2rem}.blogTime{white-space:normal}}.entryList{margin-top:2.5rem}.entryControls{border-bottom:1px solid #ddd;border-bottom:1px solid var(--lightGray);color:gray;font-family:ui-sans-serif,system-ui,Arial,sans-serif;font-size:.875rem;line-height:1.25rem;margin-bottom:2.5rem;padding-bottom:1rem}.entryControlsRow{align-items:center;display:flex;gap:.75rem}.entryControls svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0;height:15px;width:15px}.entrySearch,.entrySort{align-items:center;border:1px solid #ddd;border:1px solid var(--lightGray);border-radius:.375rem;box-sizing:border-box;display:flex;height:2.25rem;transition:border-color .2s,color .2s}.entrySearch{cursor:text;flex:1 1;gap:.5rem;min-width:0;padding:0 .75rem}.entrySearch:hover,.entrySort:hover{border-color:#c4c4c4}.entrySearch:focus-within,.entrySort:focus-within{border-color:#79ae2e;border-color:var(--primary);color:#79ae2e;color:var(--primary)}.entrySearch input{-webkit-appearance:none;appearance:none;background:none;border:0;color:#111827;color:var(--black);flex:1 1;font:inherit;height:1.25rem;line-height:1.25rem;margin:0;min-width:0;outline:none;padding:0}.entrySearch input::placeholder{color:#aaa}.entrySearch input::-webkit-search-cancel-button{cursor:pointer}.entryCount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 .25rem;white-space:nowrap}.entrySort{color:#111827;color:var(--black);cursor:pointer;gap:.375rem;padding:0 .625rem;position:relative}.entrySortLabel{color:gray}.entrySortValue{white-space:nowrap}.entrySort svg{color:gray}.entrySort select{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;height:100%;inset:0;opacity:0;position:absolute;width:100%}.entryTags{column-gap:1rem;display:flex;flex-wrap:wrap;margin-top:.75rem;row-gap:.25rem}.entryTag{align-items:center;background:none;border:0;color:gray;cursor:pointer;display:flex;font:inherit;padding:.125rem 0;transition:color .2s,opacity .2s}.entryTag .activeDot{background-color:#ddd;background-color:var(--lightGray);border-radius:9999px;height:6px;margin-right:.375rem;transition:background-color .2s;width:6px}.entryTag:hover:not(:disabled){color:#2c5f2d;color:var(--secondary)}.entryTag.active{color:#79ae2e;color:var(--primary)}.entryTag.active .activeDot{background-color:#79ae2e;background-color:var(--primary)}.entryTag:disabled{cursor:default;opacity:.35}.entryTagCount{font-feature-settings:"tnum";color:#aaa;font-size:.75rem;font-variant-numeric:tabular-nums;margin-left:.3rem}.entryCount{gap:.25rem}.entryClear,.entryCount{align-items:center;display:flex}.entryClear{background:none;border:0;border-radius:9999px;color:#aaa;cursor:pointer;height:1.25rem;justify-content:center;padding:0;transition:color .2s,background-color .2s;width:1.25rem}.entryClear svg{height:12px!important;width:12px!important}.entryClear:focus-visible,.entryClear:hover{background:#87c53044;background:var(--lightPrimary);color:#2c5f2d;color:var(--secondary);outline:none}.entryEmpty{color:gray}.content .entryControls+.pageTitle{border-top:none;padding-top:0}.musicWork{margin-bottom:2.75rem}@media (max-width:640px){.entryControlsRow{flex-wrap:wrap;row-gap:.5rem}.entrySearch{flex-basis:100%}.entryCount{margin-right:auto}}.instToken{border-radius:2px;cursor:help;outline:none;position:relative;-webkit-text-decoration:underline dotted #ddd;text-decoration:underline dotted #ddd;-webkit-text-decoration:underline dotted var(--lightGray);text-decoration:underline dotted var(--lightGray);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.instToken:focus-visible,.instToken:hover{color:#2c5f2d;color:var(--secondary);text-decoration-color:#79ae2e;text-decoration-color:var(--primary)}.instToken:after{background:#111827;background:var(--black);border-radius:.375rem;bottom:calc(100% + 6px);color:#fff;content:attr(data-tip);font-family:ui-sans-serif,system-ui,Arial,sans-serif;font-size:.75rem;font-style:normal;left:50%;line-height:1.1rem;max-width:min(16rem,80vw);opacity:0;padding:.375rem .625rem;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,4px);transition:opacity .15s,transform .15s,visibility .15s;visibility:hidden;white-space:normal;width:-webkit-max-content;width:max-content;z-index:10}.instToken:focus-visible:after,.instToken:hover:after{opacity:1;transform:translate(-50%);visibility:visible}@media (hover:none){.instToken:focus{color:#2c5f2d;color:var(--secondary);text-decoration-color:#79ae2e;text-decoration-color:var(--primary)}.instToken:focus:after{opacity:1;transform:translate(-50%);visibility:visible}}.instCode:hover .instToken:not(:hover):after{opacity:0;transition:none;visibility:hidden}.obX{display:none}.obEmail{border-radius:2px;color:#79ae2e;color:var(--primary);cursor:pointer;font-weight:700;outline:none;transition:color .2s}.obEmail.copied,.obEmail:focus-visible,.obEmail:hover{color:#2c5f2d;color:var(--secondary)}.obEmail:focus-visible{box-shadow:0 0 0 2px #87c53044;box-shadow:0 0 0 2px var(--lightPrimary)}.obEmail:after{background:var(--icon) no-repeat right 55% /.8em;content:"\2060";padding-left:1em}.content a[href^=http]:not([href*="//june.gripe"]):not([href*="//www.june.gripe"]):not([href*="//hodori0719.github.io"]):not([href*="//localhost"]):not(:has(i,img,svg)):after{background:var(--icon) no-repeat right 55% /.8em;content:"\2060";padding-left:1em}.content a[href^=http]:not([href*="//june.gripe"]):not([href*="//www.june.gripe"]):not([href*="//hodori0719.github.io"]):not([href*="//localhost"]):not(:has(i,img,svg)){--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2379ae2e' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5M19 5l-8 8M17 14v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h4'/%3E%3C/svg%3E")}.content a[href^=http]:not([href*="//june.gripe"]):not([href*="//www.june.gripe"]):not([href*="//hodori0719.github.io"]):not([href*="//localhost"]):not(:has(i,img,svg)):hover{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C5F2D' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5M19 5l-8 8M17 14v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h4'/%3E%3C/svg%3E")}.obEmail{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2379ae2e' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E")}.obEmail:focus-visible,.obEmail:hover{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C5F2D' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E")}.obEmail.copied{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C5F2D' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 9.5 17 19 7.5'/%3E%3C/svg%3E")}.srOnly{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.c143311f.css.map*/