:root{--card-bg-color:#333;--card-arrow-color:#e0e0e0;--card-title-color:#e0e0e0;--card-text-color:#c2c2c2;--centered-list-svg-color:#e0e0e0}.body-fullpage .container{flex:none;padding:0;min-height:auto;display:block}.body-fullpage{overflow:hidden}.page{height:100vh;width:100%;scroll-snap-align:start;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding-top:var(--header-height);padding-left:40px;padding-right:40px}#page-nav{position:fixed;top:50%;right:25px;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:15px}#page-nav .dot{width:12px;height:12px;border-radius:50%;background-color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s ease}#page-nav .dot.active,#page-nav .dot:hover{background-color:#fff;transform:scale(1.2)}.content{flex:1;display:flex;height:100%;width:100%;z-index:0}.index .page-content-wrapper{justify-content:center}.left{width:18%}.left,.right{height:100%;margin:10px 30px}.right{flex:1;max-width:65rem}.centered-list{position:relative;left:5%;list-style-type:none;padding:0;width:fit-content;text-align:left}.centered-list li{display:flex;align-items:center;margin:10px 0;justify-content:flex-start}.centered-list li svg{margin-right:8px;fill:var(--centered-list-svg-color)}.avatar{width:90%;height:auto;display:block;margin:auto;border-radius:50%;border:4px solid #443d69}.name{font-size:48px;font-weight:550}.english_name,.name{position:relative;left:5%}.english_name{font-size:24px;font-weight:400;color:#c4cad1}.intro{position:relative;left:5%}.projects{width:100%;margin:0}.projects .row{display:flex;margin-bottom:20px}.card{display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);background-image:linear-gradient(rgba(0 0 0/35%),rgba(0 0 0/35%)),url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.15'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");border:1px solid #7b7b7b;border-radius:8px;position:relative;overflow:hidden;transition:all .25s cubic-bezier(0,.81,.59,1.36);margin-right:25px;height:200px}.card .title{font-size:1.5em;font-weight:700;margin-bottom:10px;display:flex;align-items:center;color:var(--card-title-color)}.card .arrow{width:1em;height:1em;margin-left:10px;fill:var(--card-arrow-color);transform:rotate(45deg)}.card a{text-decoration:none;color:var(--card-text-color);font-size:1.2em;text-align:left}.card:hover{transform:scale(1.05)}.tech-stack{margin-top:10px;font-size:.8em;color:#c3c3c3}.tech-stack ul{list-style:none;padding:0;margin:0;text-align:right}.tech-stack li{margin-right:5px;text-align:right;display:inline}