@font-face{font-family:"Piazzolla";src:url("../fonts/Piazzolla-Light.woff2") format("woff2");font-style:normal;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla";src:url("../fonts/Piazzolla-LightItalic.woff2") format("woff2");font-style:italic;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla";src:url("../fonts/Piazzolla-Regular.woff2") format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla";src:url("../fonts/Piazzolla-Italic.woff2") format("woff2");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla";src:url("../fonts/Piazzolla-Medium.woff2") format("woff2");font-style:normal;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla";src:url("../fonts/Piazzolla-MediumItalic.woff2") format("woff2");font-style:italic;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla";src:url("../fonts/Piazzolla-Bold.woff2") format("woff2");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla";src:url("../fonts/Piazzolla-BoldItalic.woff2") format("woff2");font-style:italic;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla SC";src:url("../fonts/PiazzollaSC-Light.woff2") format("woff2");font-style:normal;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla SC";src:url("../fonts/PiazzollaSC-LightItalic.woff2") format("woff2");font-style:italic;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla SC";src:url("../fonts/PiazzollaSC-Regular.woff2") format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla SC";src:url("../fonts/PiazzollaSC-Italic.woff2") format("woff2");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla SC";src:url("../fonts/PiazzollaSC-Medium.woff2") format("woff2");font-style:normal;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla SC";src:url("../fonts/PiazzollaSC-MediumItalic.woff2") format("woff2");font-style:italic;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla SC";src:url("../fonts/PiazzollaSC-Bold.woff2") format("woff2");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:"Piazzolla SC";src:url("../fonts/PiazzollaSC-BoldItalic.woff2") format("woff2");font-style:italic;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:"Hack";src:url("../fonts/hack-regular-subset.woff2") format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:"Hack";src:url("../fonts/hack-italic-subset.woff2") format("woff2");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:"Hack";src:url("../fonts/hack-bold-subset.woff2") format("woff2");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:"Hack";src:url("../fonts/hack-bolditalic-subset.woff2") format("woff2");font-style:italic;font-weight:700;text-rendering:optimizeLegibility}:root{--color-background: #fffdfb;--theme1-light: #F6D8CB;--theme1-medium: #D0A694;--theme1-dim: #B07D67;--theme1-dark: #8A5843;--theme2-light: #B1B1C2;--theme2-medium: #8888A4;--theme2-dim: #66658C;--theme2-dark: #484776;--theme3-light: #FFF8E4;--theme3-medium: #EBDFBB;--theme3-dim: #C8B887;--theme3-dark: #A8955A;--theme4-light: #AABEB6;--theme4-medium: #7FA093;--theme4-dim: #5C8876;--theme4-dark: #3D725D;--font-dark: #202424}html,body{margin:0;padding:0}body{margin:0 auto;font-family:"Piazzolla",sans-serif;background:var(--color-background);font-size:18px;font-weight:400;line-height:1.4;font-variant-numeric:oldstyle-nums proportional-nums}body:before{display:none}ul,li{list-style:none;padding:0}a{text-decoration:none}#sidebar{display:none}#about,#contents,#footer{text-align:center}#footer{padding:1rem;background:var(--theme3-medium);font-size:14px}#footer a{color:var(--theme1-dark);font-weight:600}@media(min-width: 1024px){#sidebar{display:block;position:fixed;width:128px;top:50%;right:0;z-index:1;font-size:14px}#sidebar li{margin:6px;margin-right:0;padding:4px 24px 4px 12px;border-radius:8px 0 0 8px;background:var(--theme3-medium);transition:all .5s;cursor:pointer}#sidebar li a{color:var(--font-dark);text-shadow:1px 1px 1px hsla(0,0%,100%,.75)}#sidebar li:hover,#sidebar li.active{padding-left:24px;padding-right:12px;background:var(--theme1-medium)}#sidebar li:hover a,#sidebar li.active a{color:var(--font-dark)}}#about #particles-js{width:100%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:var(--oc-gray-9)}#about #particles-js .particles-js-canvas-el{width:100%;height:99.5vh !important}#about #particles-js .jumbotron{position:absolute;top:44%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:none}#about .fullscreen{min-height:100vh}#about .fullscreen h1,#about .fullscreen h2{color:var(--oc-gray-1)}#about .particles-photo{width:75%;border-radius:50%;margin:auto;margin-bottom:.5em}#about .particles-title{margin:0;font-size:2.5em;font-weight:500;white-space:nowrap}#about .particles-subtitle{margin:0 0 1em 0;font-size:1.25em;font-weight:400}#about .nowrap{white-space:nowrap}#about .particles-icon{margin:0 .5em;pointer-events:all}#about .particles-icon svg{-webkit-transform:scale(1.8);transform:scale(1.8)}#about .particles-icon svg circle,#about .particles-icon svg path{stroke:var(--oc-gray-1) !important;stroke-width:.05em}#about .particles-icon:focus,#about .particles-icon:hover{border:none}#about .particles-icon:focus svg circle,#about .particles-icon:focus svg path,#about .particles-icon:hover svg circle,#about .particles-icon:hover svg path{stroke-width:.075em}#about .particles-scroll{position:absolute;bottom:5%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#about .particles-scroll .particles-icon{position:relative;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}#about .particles-scroll svg{-webkit-transform:scale(2.7);transform:scale(2.7)}@media(min-width: 768px){#about body{font-size:1.25em}#about .particles-photo{width:55%;border-radius:50%;margin-bottom:.5em;margin-top:3.5em}#about .particles-title{font-size:3.2em}#about .particles-subtitle{font-size:1.55em}#about .particles-icon{margin:0 1em}#about .particles-icon svg{-webkit-transform:scale(2.4);transform:scale(2.4)}#about .particles-scroll svg{-webkit-transform:scale(3.6);transform:scale(3.6)}}#contents{width:85%;margin-left:7.5%;text-align:left}#contents ul{margin-bottom:3rem}#contents li{margin-top:2rem;line-height:100%}#contents .subject-name{margin:2rem auto;color:var(--font-dark);position:relative;margin-left:-16px;margin-bottom:0;padding-bottom:12px;border-bottom:1px solid}#contents .subject-name div{width:32px;aspect-ratio:1;margin-right:8px;margin-left:0;transform:translateY(6px);display:inline-flex}#contents .subject-icon{width:32px;aspect-ratio:1;vertical-align:sub;filter:invert(27%) sepia(2%) saturate(3297%) hue-rotate(8deg) brightness(92%) contrast(82%)}#contents .item{position:relative}#contents .item:nth-child(1){margin-top:-0.5rem}#contents .content-header+ul{margin-top:-1rem}#contents .subject,#contents .item{opacity:0;transition:all .8s;transform:translateY(40px)}#contents .appear{opacity:1;transform:none;transition-delay:.3s}#contents .content-header{width:100%;margin:1rem auto}#contents .content-header p{display:inline;font-size:16px;color:var(--font-dark)}#contents .content-header .main-heading{display:inline}#contents .content-header .main-heading p{font-weight:600;font-size:18px;display:inline}#contents .content-header .content-tech .logo{display:inline;vertical-align:middle;margin-left:5px;width:25px;height:25px}#contents .content-header p,#contents .content-header span{line-height:150%}#contents .content-header .small-heading p{line-height:100%}#contents .content-date{font-size:14px;width:224px;text-align:left}#contents .content-date img{width:20px;aspect-ratio:1;margin-right:8px;vertical-align:sub}#contents .subitem-list{margin-bottom:45px}#contents .subitem{list-style:square;margin-left:2rem;margin-top:-10px}#contents em{padding:0 4px 0 1px}#contents a{color:var(--theme4-dark);text-decoration:underline 1px;text-underline-position:under}#contents p{margin-top:-10px;font-size:16px;line-height:150%}#contents code{margin:0 2px;padding:1px 5px;font-size:14px;border:1px solid var(--theme3-dim);background-color:var(--color-background);border-radius:3px;font-family:"Courier New",Courier,monospace;color:var(--font-dark);position:relative;top:-1px;vertical-align:middle}#contents img[alt=devicon]{margin-right:10px;height:60px;width:60px}#contents img[alt=devicon-text]{margin-right:2px;height:60px;width:120px}#contents ul+p{margin-top:-2rem}#contents .content-header+.item{margin-top:0}#contents img{aspect-ratio:auto;max-width:320px}@media(min-width: 768px){#content-wrapper{width:100%;height:fit-content;background-image:linear-gradient(var(--theme3-medium), var(--theme3-medium));background-size:3px 100%;background-repeat:no-repeat;background-position:left calc(50% - min(512px,32.95%) - 50px) center}#contents{width:78%;margin-left:17%}#contents img{max-width:640px}#contents .subject{margin-top:6rem}#contents .item:nth-child(1){margin-top:2rem}#contents .item ul{margin-bottom:2rem}#contents .subject-name{margin-top:-3rem;margin-left:auto;margin-bottom:3rem;padding:0;border:none}#contents .subject-name div{background:var(--theme3-dim);border-radius:50%;position:absolute;top:-16px;padding:8px;margin-right:24px;margin-left:-72px;transform:none}#contents .content-date{font-size:16px}#contents .content-date img{width:24px}#contents .content-header{display:flex;align-items:center;justify-content:space-between}#contents .content-header:before{content:"";position:absolute;top:10px;left:-56px;width:16px;aspect-ratio:1;background:var(--theme3-dark);border-radius:50%}#contents .content-header .content-tech .logo{width:35px;height:35px}#contents .content-header p{font-size:20px}#contents .content-header .small-heading{font-size:18px}#contents .content-header p,#contents .content-date{margin:0}#contents p{font-size:18px}#contents code{font-size:16px}}@media(min-width: 1024px){#contents{width:66%;margin:auto;max-width:1024px}#contents img{max-width:100%}}