@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");body{font-size:18px;line-height:1.6}h1{font-size:clamp(2rem, 5vw, 3rem);color:#2ff0f0;margin-top:2rem;margin-bottom:1rem}h2{font-size:clamp(1.75rem, 4.5vw, 2.5rem);color:#2feaf0;margin-top:2rem;margin-bottom:1rem}h3{font-size:clamp(1.5rem, 4vw, 2rem);color:#2fdaf0;margin-top:1.75rem;margin-bottom:1rem}h4{font-size:clamp(1.25rem, 3.5vw, 1.75rem);color:#2fcaf0}h5{font-size:clamp(1.125rem, 3vw, 1.5rem);color:#2fbaf0}h6{font-size:clamp(1rem, 2.5vw, 1.25rem);color:#2faaf0}p{margin-bottom:1.2em}blockquote{font-size:clamp(1.125rem, 2.5vw, 1.5rem);font-style:italic;border-left:4px solid #2ff0f0;padding-left:1rem;color:#dad9d9;margin:1.5rem 0}ul,ol{margin-left:1.5rem;margin-bottom:1rem}li{margin-bottom:0.5em}input[type="checkbox"]{transform:scale(1.2);margin-right:0.5rem}code{font-size:0.875rem;background-color:#615e58;padding:0.2em 0.4em;border-radius:4px}pre{font-size:clamp(0.875rem, 1.5vw, 1rem);background-color:#615858;padding:1rem;overflow-x:auto;border-radius:6px}hr{border:0;border-top:1px solid #ccc;margin:2rem 0}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}th,td{border:1px solid #ccc;padding:0.75rem;text-align:left;font-size:1rem}details{margin-bottom:1rem}summary{cursor:pointer;font-weight:bold;margin-bottom:0.5rem}strong{font-weight:bold}em{font-style:italic}abbr[title]{text-decoration:underline dotted;cursor:help}mark{background-color:yellow}ins{text-decoration:underline}del{text-decoration:line-through}sub,sup{font-size:0.75rem;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}*{margin:0;padding:0;font-family:"Roboto Mono", monospace;--var-text-color: #FFFFFF;--var-backgroun-color: #17141d}body{display:flex;flex-direction:column;background-color:#17141d;color:white}nav{display:flex;justify-content:center}.navitems{display:flex;height:fit-content;width:fit-content;padding:0px 20px;background-color:#1158a0;position:fixed;gap:50px;border-radius:18px;align-items:center;justify-content:center;margin-top:10px;z-index:999;box-shadow:1rem 0 3rem #000}.navitems a{font-size:clamp(1.25rem, 3.5vw, 1.75rem);padding:10px;font-weight:600;text-decoration:none;color:var(--var-text-color)}.navitems a:hover{background:linear-gradient(90deg, #2ff0f0, #e52e71);text-shadow:none;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Blog{width:80%;margin:auto}.hero{position:relative;height:60vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.heroImg{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}.heroImg img{height:100%;width:100%;object-fit:cover;filter:blur(2px)}.hero::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:0}.text-hero{position:relative;display:flex;width:30%;flex-direction:column;align-items:center;z-index:1;padding:20px 40px;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px) brightness(1.1);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3)}.text-hero h1{font-size:3rem;text-align:center;font-family:"Pacifico", cursive;color:white;letter-spacing:5px}.text-hero p{text-align:center}.card-list{display:flex;padding:3rem;overflow-x:scroll}.card-list::-webkit-scrollbar{width:10px;height:10px}.card-list::-webkit-scrollbar-thumb{background:#201c29;border-radius:10px;box-shadow:inset 2px 2px 2px rgba(255,255,255,0.25),inset -2px -2px 2px rgba(0,0,0,0.25)}.card-list::-webkit-scrollbar-track{background:linear-gradient(90deg, #201c29, #201c29 1px, #17141d 0, #17141d)}.card{display:flex;position:relative;flex-direction:column;height:400px;width:400px;min-width:250px;padding:1.5rem;border-radius:16px;background:#17141d;box-shadow:-1rem 0 3rem #000;transition:.2s}.Blog{width:80%;margin:auto}.category{display:flex;position:relative;flex-direction:column;justify-content:center;height:400px;width:200px;min-width:200px;padding:1.5rem;border-radius:16px;background:#17141d;box-shadow:-1rem 0 3rem #000;transition:.2s;margin-bottom:1px}.category h1{writing-mode:sideways-lr;text-orientation:sideways;text-align:center;display:inline;font-size:3rem}.card:hover{transform:translateY(-1rem)}.card:hover ~ .card{transform:translateX(130px)}.card:not(:first-child){margin-left:-130px}.card-author{position:relative;display:grid;grid-template-columns:75px 1fr;align-items:center;margin:3rem 0 0}.author-avatar img{display:block;width:40px;height:40px;border-radius:50%;filter:grayscale(100%);margin:16px 10px}.half-circle{position:absolute;bottom:0;left:0;width:60px;height:48px;fill:none;stroke:#2ff0f0;stroke-width:8;stroke-linecap:round}.card-header{margin-bottom:auto}.card-header p{font-size:14px;margin:0 0 1rem;color:#7a7a8c}.card-header h2{margin:.25rem 0 auto;cursor:pointer}a{text-decoration:none;color:#FFFFFF}.card-header h2:hover{background:linear-gradient(90deg, #2ff0f0, #e52e71);text-shadow:none;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tags{margin:1rem 0 2rem;padding:.5rem 0 1rem;line-height:2;margin-bottom:0}.tags a{font-style:normal;font-weight:700;font-size:.5rem;color:#7a7a8c;text-transform:uppercase;font-size:.66rem;border:3px solid #28242f;border-radius:2rem;padding:.2rem .85rem .25rem;position:relative}.tags a:hover{background:linear-gradient(90deg, #2ff0f0, #e52e71);text-shadow:none;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-box-decoration-break:clone;background-clip:text;border-color:white}.contato{margin:1rem 0 2rem;padding:.5rem 0 1rem;line-height:2;margin-bottom:0;display:flex;justify-content:center;align-items:center;gap:10px}.contato a{display:flex;align-items:center;gap:5px;font-style:normal;font-weight:700;font-size:1rem;color:#ffffff;text-transform:uppercase;border:3px solid #bebebe;border-radius:2rem;padding:.2rem .85rem .25rem;position:relative}.contato a:hover{background:linear-gradient(90deg, #2ff0f0, #e52e71);text-shadow:none;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-box-decoration-break:clone;background-clip:text;border-color:white}.contato a .icon{height:20px}.postBody{display:flex;gap:20px;width:60%;margin:auto;margin-top:90px}.sidebar{min-width:25%}.post{width:70%;display:flex;flex-direction:column;padding:0rem 2.5rem;border-radius:16px;background:#17141d;box-shadow:-1rem 0 3rem #000;transition:.2s;margin-left:5%;z-index:1;margin:auto;margin-top:90px}.post h1{color:#2ff0f0}.post:last-child{padding-bottom:50px;margin-bottom:50px}.post-sidebar{position:fixed;height:fit-content;width:20%;padding:1rem;border-radius:16px;background:#17141d;box-shadow:-1rem 0 3rem #000;z-index:0}.post-sidebar .card-author{margin-top:10px;margin-left:20px}.post-sidebar p{margin-left:20px;margin-top:20px}.post-sidebar h2{margin-left:20px}.post-sidebar .tags{margin-left:20px}.hamburger{display:none}.closeIcon{display:none}.post h1{border-bottom:4px solid #2ff0f0;border-radius:10px;text-align:center}.categoria{display:flex;flex-direction:column;gap:10px;margin-top:20px}.latetal{margin-left:20px}.post-category{height:fit-content;padding:1rem;border-radius:16px;background:#17141d;box-shadow:-1rem 0 3rem #000;z-index:0;display:flex;margin-bottom:10px;gap:20px}.sumario{width:80%;margin:auto;padding:10px}.lista{display:none}.text-post{width:80%;margin:30px auto}.post a{color:#2faaf0}@media (max-width: 480px){.sidebar{position:fixed;display:none;margin-top:60px;margin-left:10px;z-index:4}.navitems{position:fixed;display:none;gap:15px;z-index:10}.show{display:flex}.post-sidebar{width:fit-content}.post{width:70%}nav{justify-content:center}.hamburger{display:flex;position:fixed;z-index:100;padding:5px;border:black solid 1px;border-radius:999px;top:20px;left:20px;cursor:pointer}.categoria{display:none}.lista{display:block}.postBody{width:100%;display:block}.post{padding:0;width:90%;margin:auto}.text-post{width:100%}.main{width:100%}}