.tes{background-color:#f006;border:2px dashed #000}.btn{cursor:pointer;color:#fff;background-color:#787878;border:none;border-radius:.2rem;outline:none;padding:.65rem 1.4rem;font-size:.8rem;transition:background-color .2s ease-in-out;display:inline-block}.btn:hover{color:#2c2c2c}.btn.btn-primary{color:#000000f2;background-color:#86d5dd}.btn.btn-primary:hover{background:#5ec7d2}.btn.btn-secondary{color:#000000f2;background-color:#88c8ac}.btn.btn-secondary:hover{background:#4aa07a}.btn.btn-success{color:#fff;background-color:#28a745}.btn.btn-success:hover{background:#5dd879}.btn.btn-danger{color:#fff;background-color:#dc3545}.btn.btn-danger:hover{background:#921925}.btn.btn-inactive{color:#929292;cursor:default;background:#dedede}.btn.btn-inactive:hover{background:#dedede}.comments{padding:.5rem}.comments>.comments{margin-left:2rem}.comment{margin-bottom:.3rem;padding:1rem 1rem .3rem;display:flex}.comment img{margin-right:.7rem}.comment .content{margin:-6px 0 0}.comment .author{color:#000000f2;font-size:.9rem;font-weight:700}.comment .date{color:#929292;font-size:.7rem}.comment .text{font-size:.9rem}.comment .reply{color:#929292;font-size:.8rem}.container{background-color:#fff;max-width:950px;margin:0 auto 4rem;padding:1rem 2rem;overflow:hidden}.divider{background:#000;height:1px;margin-top:2rem;margin-bottom:1.5rem}.form{background-color:#fff;padding:2rem 1rem}.form fieldset{border:0;border-bottom:1px solid #dedede;margin-bottom:2rem;padding-bottom:1rem}.form .field{justify-content:space-between;margin-bottom:.7rem;display:flex}.form .item{flex-grow:1;margin:0 .3rem}.form label{width:100%;margin-bottom:.3rem;font-size:.8rem;font-weight:700}.form input,.form select,.form textarea{color:#929292;background:#fff;border:1px solid #dedede;border-radius:.2rem;outline:0;width:100%;padding:.7rem .6rem;font-family:Lato,Arial,Helvetica,sans-serif;font-size:.8rem;transition:color .1s,border-color .1s}.form input:focus,.form textarea:focus,.form select:focus{color:#000000f2;border-color:#83b5d6}.form select{-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml; utf8, <svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http: //www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") 100%/24px no-repeat}i{color:#000000f2;opacity:.9;font-size:1.3rem;transition:color .2s ease-in-out}i.inactive{color:#929292;cursor:default}i.inactive:hover{color:#929292}.img-round{border-radius:50%}.avatar-round{border-radius:50%;width:50px;height:50px}.avatar-square{border-radius:.3rem;width:50px;height:50px}a{cursor:pointer;margin-right:.3rem;text-decoration:none;transition:color .2s ease-in-out;display:inline-block}.altLink:active{color:#8a2be2}.altLink:hover{text-decoration:underline}a.active{color:#c5c5c5}a.link-primary{color:#51d2e6}a.link-primary:hover{color:#1aa2b7}a.link-primary.active{color:#147a8a}a.link-secondary{color:#59cf22}a.link-secondary:hover{color:#96e770}a.link-secondary.active{color:#b6ef9b}.loading{cursor:default;position:relative;color:#0000!important}.loading:before{content:"";border:3px solid #d1d1d126;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading:after{content:"";border:3px solid #0000;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite loader-spin;position:absolute;top:calc(50% - 13px);left:calc(50% - 13px)}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu{align-items:center;padding:1rem;display:flex}.menu .item{justify-content:center;align-items:center;margin-right:.5rem;padding:.2rem .4rem;display:flex}.menu .item:last-child{margin-right:0}.heading{justify-content:space-between;align-items:center;font-size:1rem;display:flex}.header{justify-content:space-between;align-items:center;margin-top:3.5rem;margin-bottom:2rem;display:flex;position:relative}.profile{margin-left:1rem;display:flex}.profile a{margin:0}.profile img{border-radius:50%;width:150px;height:150px;margin-right:2rem}.profile .name{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.profile .name h1{margin-top:-.45rem}.profile .name h2{margin-top:-.2rem}.meta{margin-right:4rem}.meta .meta-item{text-align:center;align-items:center;margin-bottom:.4rem;display:flex}.meta .meta-item:last-child{margin-bottom:0}.meta i{width:20px;font-size:1rem}.meta span{font-size:.95rem}.meta a{color:#000;align-items:center;margin:0;padding:0;font-size:.9rem;display:flex}.language{flex-direction:column;margin-top:1rem;display:flex}.language a{align-self:flex-end}.language .divider{margin-top:.5rem}.resume{cursor:pointer;position:relative}.resumes{opacity:0;border:1px solid #dedede;border-radius:10px;padding:.3rem .7rem;font-size:.9rem;animation:.3s ease-in-out appear;display:none;position:absolute;top:2%;right:-6%}.resumes a{width:100%;margin-bottom:.3rem}.resumes a:last-child{border-top:1px solid #000;margin-bottom:0}@keyframes appear{0%{opacity:0}to{opacity:1}}.skills{justify-content:space-between;align-items:center;width:80%;margin-bottom:3.5rem;display:flex}.skills ul{list-style:none}.skills ul i{margin-top:.15rem}.skills li{align-items:center;display:flex}.opensource-nav{justify-content:space-between;align-items:center;margin-top:4rem;display:flex}.opensource-nav a{align-self:flex-start}.firefox,.projects{padding:0 .2rem}.opensource .summary,.projects .summary{margin-bottom:1.5rem}.opensource .summary i,.projects .summary i{font-size:.9rem}.opensource .item,.projects .item{margin-bottom:2.5rem;padding-right:1.2rem}.opensource .item:last-child,.projects .item:last-child{margin-bottom:1.5rem}.opensource .item:after,.projects .item:after{bottom:-1.5rem}.opensource .item .preview,.projects .item .preview{display:flex}.opensource .item img,.projects .item img{width:200px;height:100px;margin-right:2rem}.opensource .item .description,.projects .item .description{margin-top:-.2rem}.opensource .item p,.projects .item p{align-items:center;margin-bottom:.2rem;display:flex}.opensource .item p i,.projects .item p i{align-self:flex-start;margin-top:.8rem}.opensource .item .links,.projects .item .links{margin-top:.4rem;margin-left:.8rem}.opensource .item .links a:last-child,.projects .item .links a:last-child{margin-left:.3rem}.overlay{content:"";text-align:center;background-color:#000000cb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay iframe{position:absolute}.contributions .item{align-items:center;margin-bottom:1rem;padding:.2rem 0;display:flex;position:relative}.contributions .name{width:70%;font-size:.9rem}.contributions .links{width:30%;display:flex}.contributions .links .link{flex-basis:100px;font-size:.8rem}*{box-sizing:border-box;margin:0;padding:0}.bug{text-align:right;padding-right:.2rem}body{color:#000000f2;background-color:#fff;font-family:Lato,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6;position:relative}h1{text-transform:uppercase;color:#000;letter-spacing:.15rem;font-size:2.1rem}h2{color:#787878;text-transform:uppercase;letter-spacing:.1rem;font-size:1.2rem}h3{color:#787878;text-transform:uppercase;margin-bottom:1rem;margin-left:-.2rem;font-size:1.4rem}h4{text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:700}i{color:#000;margin-right:.5rem;font-size:.3rem}.link{text-transform:uppercase;font-size:.85rem;position:relative}.link:before{content:"";background:#dedede;width:2px;height:80%;position:absolute;top:50%;left:-8%;transform:translateY(-50%)}.link:first-child:before{display:none}.item{margin-bottom:1rem;position:relative}.item:after{content:"";background:#dedede;width:90%;height:1px;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.item:last-child:after{display:none}.link-main{margin-bottom:3rem;font-size:.9rem}.link-main:before,.link-main:after{display:none}.diveder-small{background:#dedede;width:90%;height:1px;margin:0 auto 1rem;bottom:-.5rem}.link-inactive{color:#c5c5c5;cursor:default}.link-inactive:hover{color:#c5c5c5}.btn{color:#787878;text-transform:uppercase;background-color:#0000;border:0;margin-right:.3rem;padding:0;font-family:inherit;font-size:.85rem}.btn:hover{background-color:#0000}@media (width<=1000px){.header :after{display:none}.contributions .item{margin-bottom:1.5rem}.contributions .links{display:none}}@media (width<=780px){.profile img,.preview img{display:none}.container{margin-bottom:2rem}.header{margin-top:2rem}}@media (width<=610px){.header{display:block}.header .meta{margin-left:1rem}.header .profile{margin-bottom:1em}.skills,.skills li{display:block}.opensource-nav{margin-top:3rem;display:block}.opensource-nav a{margin-bottom:1rem}.opensource .btn,.contributions i{display:none}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}