:root{--main-text-color:#413f3f;--main-text-focus-color:#3e3c3c;--main-hero-bg-color:#f2efef;--main-text-hover-color:#f1cff8;--main-text-hover-border-color:#eb0a2c;--header-h:80px}body,html{font-family:roboto,serif;font-size:18px;color:var(--main-text-focus-color);padding:0;margin:0;height:100%;width:100%}a{text-decoration:none;color:var(--main-text-color);cursor:pointer}ul li{list-style:none;margin-right:20px}header{padding:5px;position:fixed;top:0;background:linear-gradient(45deg,#ebebeb,#fee2fd 100%);width:100%;z-index:1000;height:var(--header-h)}nav{width:300px;margin:20px 0 0 60px}nav ul li a{padding:2px}nav ul li a:hover{background-color:var(--main-text-hover-color);color:var(--main-text-focus-color);border-bottom:5px solid var(--main-text-hover-border-color)}nav ul{display:flex;align-items:center;justify-content:space-around}.mobile-only{display:none}.logo-container{font-size:1.6rem;margin-right:10px;display:flex;align-items:center;margin-left:40px}.logo-container span:nth-child(2){font-weight:700;color:var(--main-text-focus-color)}.hero-container{height:600px;width:600px}.hero{display:flex;align-items:center;text-align:center;background-color:var(--main-hero-bg-color);margin-top:var(--header-h)}.hero-text{flex:3 1;font-size:2.5rem;background:linear-gradient(45deg,#09009f,#eb12ce 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 #00000000}.zen-animation{grid-area:animation;flex:1 1}footer{margin-top:10px;padding:1rem;display:grid;grid-template-columns:2fr 2fr 1fr;align-items:baseline;background-color:#f3f3f3;height:100%}.social{display:flex;gap:1rem;align-items:center;justify-content:center}.container{min-height:100vh;display:grid;grid-template-rows:1fr auto}footer .copy{padding:10px;border-right:1px solid var(--main-text-color)}main{border-bottom:1px solid var(--main-text-color)}article{margin-top:var(--header-h)}.middle-section,article{padding:10px}.posts-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:10px;gap:10px}.posts-container article{margin-top:0}.card{box-shadow:2px 3px 10px 1px #d1cfcf;border-radius:10px}.card-body{padding:10px}.card:hover{background-color:var(--main-text-hover-color);opacity:.8}.card h3 a:hover{cursor:pointer;color:#d315d9;text-decoration:underline}.card-image{background-position:50%;background-size:cover;height:100%;width:100%}.card-image-container{height:192px;max-height:192px;overflow:hidden;border-radius:10px 10px 0 0}.not-found-container{height:500px;padding:0;margin:0}.about{display:grid;grid-template-columns:2fr 1fr}.profile .name{background:linear-gradient(45deg,#00ff0a,#53dfe9 80%);font-size:3rem;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 #00000000}.card-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;gap:10px;font-size:1rem}.card-icon{box-shadow:2px 2px 2px 2px #c3c3cc;border-radius:10px;padding:10px;text-align:center}.card-icon .logo img{max-height:30px}.photo img{max-height:350px;max-width:350px;border-radius:100%;margin:10px;box-shadow:2px 2px 10px 3px #c3c3cc}.particle{position:absolute;top:100px;right:60px;z-index:-1;width:450px;height:450px}.blog-post{width:80%;margin:0 auto}.blog-post span{color:#c3c3cc}svg{height:80px;width:80px}.hamb-menu,svg{position:absolute}.hamb-menu{right:0;top:0;z-index:10000}.plate{height:80px;width:80px}.burger{filter:url(#hamburguer-menu)}.x{transform:scale(0);transition:transform .4s}.line{fill:none;stroke:#d518c5;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;transition:stroke-dasharray .5s .2s,stroke-dashoffset .5s .2s,transform .5s .2s}.x .line{stroke-width:5.5px}.plate4 .x{transition:transform .4s}.plate4 .line{transform-origin:50%;transition:transform .4s .1s}.active.plate4 .line{transition:transform .4s}.active.plate4 .line1{transform:translateX(18px) translateY(-3px) rotate(-45deg) scale(.7)}.active.plate4 .line2{transform:translateX(-18px) translateY(-3px) rotate(45deg) scale(.7)}.active.plate4 .line3{transform:translateY(0) rotate(45deg) scale(.7)}.active.plate4 .line4{transform:translateY(0) rotate(-45deg) scale(.7)}.active.plate4 .line5{transform:translateX(18px) translateY(3px) rotate(45deg) scale(.7)}.active.plate4 .line6{transform:translateX(-18px) translateY(3px) rotate(-45deg) scale(.7)}.active.plate4 .x{transition:transform .4s .1s;transform:scale(1)}.article-header{max-width:60%;margin:calc(var(--header-h) + 3%) auto 0 auto}.posts-content{margin:2rem}.article-header .card-image-container{border-radius:10px}.post-content article{margin:3rem;text-align:justify;padding:0}.post-content article:first-letter{font-size:3rem;color:#eb12ce;font-weight:700}.post-content h1,h2{background:linear-gradient(45deg,#09009f,#eb12ce 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 #00000000}.post-content h1{text-align:center}.emmet-expression{background:linear-gradient(45deg,#070707,#565055 80%);padding:1rem;color:#fff;border-radius:10px}.post-content img{border-radius:10px;margin:0 auto;display:block;width:auto;height:auto}.emmet-tool{display:grid;grid-template-columns:repeat(auto-fill,minmax(514px,1fr));grid-gap:10px;gap:10px;margin-top:10px}.syntax-item{box-shadow:2px 3px 10px 1px #d1cfcf;border-radius:10px;padding:10px;background-color:#272822;color:#fff;overflow-x:scroll}.syntax-item img{max-width:514px}.syntax-header{display:flex;flex-direction:row;align-items:center;gap:10px}.name h1{text-align:left;background:linear-gradient(45deg,#40ed10,#b7edce 80%);background-clip:text;-webkit-background-clip:text}.name h1,.symbol{-webkit-text-fill-color:transparent;text-shadow:0 0 #00000000}.symbol{height:100%;font-size:5rem;border-radius:10px;padding:10px;background:linear-gradient(45deg,#09009f,#12eb89 80%);background-clip:text;-webkit-background-clip:text}.lateral{display:flex;gap:2rem}.lateral img{flex:2 1}.lateral div{flex:3 1}footer .menu ul{display:flex;gap:1rem}footer .menu a{display:block}footer .menu a:hover{text-decoration:underline}.card-icon .logo-card{margin:0 auto}.logo-card{background:transparent url(/logos.svg);height:34px;width:30px}.logo-nextjs{background-position:0 0}.logo-javascript{background-position:-158px 0}.logo-vscode{background-position:-125px 0}.logo-github{background-position:-189px 0}.logo-oauth{background-position:-32px 0}.logo-nodejs{background-position:-94px 0}.logo-deno{background-position:-221px 0}.logo-react{background-position:-64px 0}.logo-linkedin{background-position:-285px 0}.logo-twitter{background-position:-252px 0;height:36px;width:33px}.social-card{margin-top:calc(25vh);padding:2rem}.social-card .card-icons{grid-template-columns:1fr 1fr}.social-card .particle{top:250px}@media screen and (max-width:1200px){.particle{position:absolute;right:-40px;z-index:-1;top:-250px}}@media screen and (max-width:900px){footer .menu ul{display:flex;flex-direction:column;gap:1rem}.article-header{max-width:100%;margin:var(--header-h) auto 0 auto}video{max-width:800px;height:100%;width:100%}.lateral{flex-direction:column}.mobile-only{display:block}nav{margin:0}nav ul{visibility:hidden}.logo-container{visibility:visible;margin-left:8rem}.logo-container img{height:40px;width:40px}.opened-menu{height:100%;width:100%;background:#fff}.opened-menu .logo-container{margin-left:0}.opened-menu ul{visibility:visible;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;align-content:center;padding:0;flex-wrap:wrap;background-color:#fff}.opened-menu ul li{line-height:5rem;font-size:3rem}.opened-menu nav{margin:50% auto}.hero{flex-direction:column}.hero-text{order:2;font-size:1.5rem}.zen-animation{order:1}.profile .name{font-size:2rem}.about{display:inherit;position:relative}.photo img{position:absolute;right:0;top:-86px;max-height:100px;max-width:100px}.particle,.social-card .particle{position:absolute;top:-487px;right:-9px;z-index:-1}}.card-image-stateful{background-position:0 -54px}.marquee-in-action video{width:90vw}article a{color:#eb12ce;text-decoration:underline}