:root{--mainColor: rgb(12, 12, 12);--bg-color: #f1f1f1;--bg-card: #fff;--frenchViolet: #6600cc;--cetaceanPurple: #140030;--dark-violet: #1d0d38;--ufoGreen: #33ff76;--aqua: #58ecff;--bgDark: rgb(14, 18, 23);--textColor: #555;--text-gradient: linear-gradient(to right, #6600cc 0%, #009990 100%);--text-gradient-ufo: linear-gradient(to right, #33ff76 0%, #58ecff 100%);--border-color: var(--frenchViolet);--card-border: 1px solid #c8c5c5d3}.dark{--mainColor: #f1f1f1;--bg-color: #110824;--card-border: 1px solid #1a2a2e;--bg-card: #1a1e27;--dark-violet: #0e0e0e;--frenchViolet: #9933ff;--textColor: #ddd;--text-gradient: linear-gradient(to right, #33ff76 0%, #58ecff 100%);--border-color: rgba(199, 158, 252, .808)}.fourth-category,.web-dev{max-width:1100px;margin:0 auto}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes noRotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes flicker-v-2{0%{opacity:0}10%{opacity:0}10.1%{opacity:1}10.2%{opacity:0}20%{opacity:0}20.1%{opacity:1;color:#0ff;filter:drop-shadow(0 0 12px aqua)}20.6%{opacity:0}30%{opacity:0}30.1%{opacity:1;color:#0ff;filter:drop-shadow(0 0 12px aqua)}30.5%{opacity:1;color:#0ff;filter:drop-shadow(0 0 12px aqua)}30.6%{opacity:0}45%{opacity:0}45.1%{opacity:1}50%{opacity:1;color:#0ff;filter:drop-shadow(0 0 12px aqua)}55%{opacity:1;color:#0ff;filter:drop-shadow(0 0 12px aqua)}55.1%{opacity:0;color:#0ff;filter:drop-shadow(0 0 12px aqua)}57%{opacity:0}57.1%{opacity:1}60%{opacity:1}60.1%{opacity:0}65%{opacity:0}65.1%{opacity:1;color:#0ff;filter:drop-shadow(0 0 12px aqua)}75%{opacity:1}75.1%{opacity:0}77%{opacity:0}77.1%{opacity:1;color:#0ff;filter:drop-shadow(0 0 12px aqua)}85%{opacity:1}85.1%{opacity:0;color:#0ff;filter:drop-shadow(0 0 12px aqua)}86%{opacity:0}86.1%{opacity:1}to{opacity:1}}@keyframes bounce-in-bottom{0%{transform:translateY(500px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(65px);animation-timing-function:ease-in}72%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(28px);animation-timing-function:ease-in}90%{transform:translateY(0);animation-timing-function:ease-out}95%{transform:translateY(8px);animation-timing-function:ease-in}to{transform:translateY(0);animation-timing-function:ease-out}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes from-top{0%{transform:translateY(-600px) scale(6.2)}to{transform:translateY(0) scale(1)}}@keyframes from-bottom{0%{transform:translateY(600px) scale(6.2)}to{transform:translateY(0) scale(1)}}@keyframes from-left{0%{transform:translate(-600px) scale(6.2)}to{transform:translateY(0) scale(1)}}@keyframes from-rigth{0%{transform:translate(600px) scale(6.2)}to{transform:translateY(0) scale(1)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-142.5rem)}}@keyframes scroll-reverse{0%{transform:translate(0)}to{transform:translate(-85.5rem)}}.title.category__title{font-size:4rem;font-weight:800}.title.title-base{background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title.title-ufo{background:var(--ufoGreen);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .title,.title{background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.post-card{border:var(--card-border);border-radius:8px;background-color:var(--bg-card);overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;flex-direction:column;min-height:40rem}.post-card:hover{transform:scale(1.01);box-shadow:0 10px 15px #0000001a}.post-card__image-container{position:relative;height:13rem;overflow:hidden;width:100%}.post-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease-in-out}.post-card:hover .post-card__image{transform:scale(1.1)}.post-card__image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);opacity:0;transition:opacity .3s ease-in-out}.post-card:hover .post-card__image-overlay{opacity:1}.post-card__content{padding:1rem 1.5rem;display:flex;flex-direction:column;z-index:3}.post-card__author{display:flex;align-items:center;gap:.75rem;z-index:200}.post-card__author-image{width:6rem;height:6rem;border-radius:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}.post-card__author-info{display:flex;flex-direction:column}.post-card__author-name{font-size:1.4rem;font-weight:600;color:var(--mainColor)}.post-card__date{color:var(--ufoGreen);font-size:1.4rem;font-weight:500;background-color:#1a2a2e;display:flex;justify-content:center;align-items:center;border-radius:4px;width:-moz-fit-content;width:fit-content;width:100%;padding:.3rem 0;gap:.5rem}.post-card__title{font-size:1.6rem;font-weight:600;color:var(--mainColor);margin-bottom:.5rem;transition:color .3s ease-in-out}.post-card__title:hover{color:#60c}.post-card__title iconify-icon{color:#60c}.post-card__excerpt p{font-size:1.3rem;margin-bottom:1rem;line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__read-more{margin-top:1rem;font-size:1.6rem;font-weight:600;color:#60c;display:inline-flex;flex:1;align-items:center;gap:.25rem;transition:color .3s ease-in-out}.post-card__read-more-icon{transition:transform .3s ease-in-out}.post-card__read-more:hover .post-card__read-more-icon{transform:translate(.8rem)}.dark .post-card iconify-icon{color:var(--ufoGreen)}.dark .post-card__excerpt{color:#cdcdcd}.dark .post-card__read-more{color:var(--ufoGreen)}.social__container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.social__link{display:flex;flex-direction:column;align-items:center;position:relative;gap:1rem}.social__icon{width:30px;color:var(--mainColor)}.social__tooltip{display:none;padding:.3rem 3px;background:var(--mainColor);min-width:44px;text-align:center;position:absolute;top:36px;color:var(--bg-color);font-size:1.2rem;font-weight:600;border-radius:7px;z-index:20}.social__tooltip:before{content:"";position:absolute;bottom:100%;left:50%;border-width:5px;border-style:solid;border-color:transparent transparent var(--mainColor) transparent;transform:translate(-50%)}.social__link:hover .social__tooltip{display:block}.logo{color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo:hover span{color:#0ff;filter:drop-shadow(0 0 12px aqua)}.logo__container{display:flex;flex-direction:column}.logo__title{font-size:1.9rem}.logo__slogan{color:#0ff}.logo__img{max-width:4.5rem;flex-basis:10%}.dark .logo span{color:#0ff;filter:drop-shadow(0 0 12px aqua)}.hamburger{display:none}@media (max-width: 768px){.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:var(--ufoGreen)}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}}.header{--background-color-theme: #040208;--background-color-theme-hover: #383838;--background-color: #6600cc;--color: #43d47d;display:flex;align-items:center;justify-content:center;width:100%;position:fixed;z-index:1200;padding:1rem}.header iconify-icon{font-size:2.5rem;transition:transform .6s ease-in-out}.header__container{backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;width:100%;min-height:7.5rem;height:7.5rem;max-width:1100px;background:#000000c4;border-radius:16px;padding:1rem 2rem;z-index:50}.header__item{display:flex}.header__link{color:#0ff;font-weight:700;display:flex;align-items:center;padding:0rem 1rem}.header__link .dropdown__icon{margin-left:.5rem}.header__link:hover{background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header__nav{display:flex;align-items:center;gap:1.5rem}.header__nav ul{display:flex;gap:1rem;width:-moz-fit-content;width:fit-content}.header__list{position:relative;font-size:1.5rem;width:-moz-fit-content;width:fit-content;border-radius:4px}.header__list span,.header__list a{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;height:3.5rem;padding-left:1rem;font-weight:700;color:#0ff;cursor:default;margin:0!important}.header__list:after{content:"";position:absolute;top:100%;left:0;width:100%;height:4rem;z-index:-1;pointer-events:none}.header__list:hover:after{pointer-events:all}.header__list:hover .header__icon__dropdown{transform:rotate(180deg)}.header__list:hover .header__dropdown{opacity:1;pointer-events:all;transform:translateY(2.5rem)}.header__dropdown{position:absolute;top:100%;left:0;display:flex;flex-direction:column;gap:.4rem;padding:1rem;background-color:var(--background-color-theme);border-radius:.6rem;transition:transform .3s ease-in-out;pointer-events:none;opacity:0;text-wrap:nowrap}.header__dropdown span,.header__dropdown a{display:flex;justify-content:space-between;align-items:center;width:100%;height:4rem;padding:0 1rem!important;border-radius:.4rem;color:#fff}.header__dropdown a{cursor:pointer}.header__dropdown ol{position:absolute;top:0;left:100%;display:flex;flex-direction:column;gap:.4rem;padding:1rem;background-color:var(--background-color-theme);border-radius:.6rem;opacity:0;pointer-events:none;transition:transform .3s ease-in-out}.header__dropdown li:hover ol{opacity:1;pointer-events:all;transform:translate(1.5rem)}.header .dropdown__list{position:relative;border-radius:.4rem}.header .dropdown__list span{gap:.7rem}.header .dropdown__list:after{content:"";position:absolute;top:0;left:100%;width:2rem;height:100%;z-index:-1;pointer-events:none}.header .dropdown__list:hover{background-color:var(--background-color-theme-hover)}.header .dropdown__list:hover .dropdown__list__icon{transform:rotate(180deg)}.header .dropdown__list:hover:after{pointer-events:all}.header .dropdown__list .dropdown__item__list{border-radius:.4rem}.header .dropdown__list .dropdown__item__list a{justify-content:start}.header .dropdown__list .dropdown__item__list:hover{background-color:var(--background-color-theme-hover)}.header__support{display:flex;align-items:center;height:3.5rem;padding:0 1.2rem 0 1.5rem;border-radius:4px;font-weight:600;color:var(--color);background-color:var(--background-color);transition:all .3s ease-in}.header__support:hover{background-color:#43d47d2d}@media (max-width: 768px){.header__nav{display:none}}.dark .header__link,.dark .header__menu .header__list .dropdown a{color:#0ff}@media (max-width: 768px){.dark .header__menu .header__list .dropdown a{text-align:left;width:100%}}.categories__container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:21rem 0 10rem}.categories__container .category{width:90vw;max-width:1180px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:3rem}.categories__container .category__link{align-self:flex-start;text-align:left}.categories__container .category__link__title{font-size:4rem;font-weight:800;text-align:left;margin-bottom:4rem;width:100%}@media (max-width: 768px){.categories__container .category__link__title{font-size:2.6rem;font-weight:700}}.link-card-grid{display:grid;place-content:start;grid-template-columns:repeat(auto-fit,minmax(25rem,19%));grid-template-rows:auto;gap:2rem;justify-content:center;width:100%;padding:2rem}@media (max-width: 768px){.link-card-grid{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(30rem,21.7%))}}:root{--bg-render-comment: rgb(0, 0, 0, .02);--border-render-comment: rgb(0, 0, 0, .1);--button-hover: rgb(0, 0, 0, .06)}.comment{display:flex;flex-direction:column;width:100%}.comment header{display:flex;width:100%;align-items:center;gap:1.2rem}.comment header img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:100%}.comment header article{display:flex;flex-direction:column}.comment header article h3{font-size:1.8rem;font-weight:600;margin-bottom:-5px}.comment header article p{font-size:1.3rem;opacity:.6}.comment .comment__container{display:flex;flex-direction:column;border-left:solid 1px var(--border-render-comment);margin:1rem 0 1rem 2.5rem;padding-left:3.5rem;width:100%}.comment .comment__container .comment__content{border:solid 1px var(--border-render-comment);background-color:var(--bg-render-comment);padding:2rem;border-radius:6px}.comment .comment__container .comment__button--container{margin:1rem 0;display:flex;gap:1rem}.comment .comment__container .comment__button--container button{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;font-size:1.4rem;font-weight:500;gap:.7rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease-in-out}.comment .comment__container .comment__button--container button:hover{background-color:var(--button-hover)}.comment .comment__container .reply-container-comment{margin-top:1.5rem}.comment .comment__container .reply-container-comment .comment__button--read{display:none}.comment__tooltip .comment__tooltip--reply{pointer-events:none}.dark{--bg-render-comment: rgb(255, 255, 255, .1);--border-render-comment: rgb(255, 255, 255, .2);--button-hover: rgb(255, 255, 255, .1)}[hidden]{display:none}.search{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:.5rem;border-radius:4px;position:relative;margin-bottom:5rem}.search__label{position:relative;display:flex;flex-direction:column;gap:.5rem;margin-right:1rem}.search__input{color:#000;padding:.5rem 1rem;border:none;outline:none;font-size:1.4rem}.search__input:focus-visible{border-bottom:1px solid #6600cc;outline:none}.search__submit{background-color:#60c;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1.4rem;transition:background-color .2s ease-in-out}.search__submit:hover{background-color:#3b0186e2}#search__results{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2rem;top:129%;border-radius:.8rem;z-index:10;overflow:hidden;background:var(--dark-violet);min-width:610px;left:-12rem}@media (max-width: 768px){#search__results{min-width:32rem}}#post h1{background:"dark";background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#post h2{font-size:2.5rem;font-weight:700}#post h3{font-size:1.8rem;font-weight:700}#post a{color:#60c;font-weight:600}#post .shiki{overflow-x:scroll;max-height:600px}#post .wp-block-image{width:100%;max-width:100%;height:100%}#post figure{margin:0 auto;width:100%;max-width:100%;height:100%}#post figure img{width:100%;max-width:100%;margin:0 auto;border-radius:1.2rem;height:100%}#post div[data-code-block-pro-font-family]{display:flex;width:100%;margin:0 auto;height:auto;min-height:100%;flex-direction:column;overflow:hidden;border-radius:1.2rem}#post div[data-code-block-pro-font-family] kbd,#post div[data-code-block-pro-font-family] samp,#post div[data-code-block-pro-font-family] pre{overflow-x:auto;width:100%;height:auto;max-height:600px;line-height:1.5;padding:1.4rem}#post p:has(>code) code{font-size:1.5rem;background-color:#1f1f1f;padding:.1rem .3rem;color:var(--ufoGreen);border-radius:.3rem;width:100%}#post .wp-block-list{display:flex;flex-wrap:wrap}#post .wp-block-list li{width:100%;list-style:disc;font-size:1.6rem;font-weight:500}#post .wp-block-image{margin:0 auto;max-width:100%}#post ::-webkit-scrollbar{width:2.4px;height:4px}#post ::-webkit-scrollbar-track{background:#595858;width:4px}#post ::-webkit-scrollbar-thumb{background:var(--ufoGreen);width:5px}#post ::-webkit-scrollbar-thumb:hover{background:#0ff;height:5px}#post .button-copy{display:flex;align-items:center;justify-content:center;cursor:pointer;gap:.5rem;color:#8a5ae8;transition:all .3s ease}#post .button-copy:hover{color:var(--ufoGreen)}#post .line-numbers{position:absolute;left:0;top:0;bottom:0;padding:1.4rem .5rem 1.4rem 1rem;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;font-family:JetBrains Mono,Courier New,monospace;font-size:1.2rem;line-height:1.5;color:#ffffff80;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3.5rem;min-height:100%;box-sizing:border-box}#post .line-numbers .line-number{display:block;text-align:right;white-space:nowrap;padding-right:.5rem;height:1.5em;font-size:1.6rem;line-height:1.5}#post pre.shiki{position:relative}#post pre.shiki:has(.line-numbers){padding-left:4rem}.bg-section{background:var(--dark-violet);padding:17rem 2rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.web-dev{display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:100dvh;flex-direction:column;margin:0 auto;gap:4rem;padding:0 1rem}.web-dev__link{text-align:left}.web-dev__title{text-align:left;width:100%;padding:0 10px;font-size:4rem;font-weight:800}@media (max-width: 768px){.web-dev__title{font-size:2.6rem;font-weight:700}}.web-dev__container{display:flex;justify-content:center;padding-block-start:1rem;padding-block-end:8rem;writing-mode:horizontal-tb;width:100%;margin:0 auto;gap:2rem;height:-moz-fit-content;height:fit-content}@media (max-width: 768px){.web-dev__container{flex-wrap:wrap;flex-direction:column}}.web-dev__container__container--reverse{flex-direction:row-reverse}@media (max-width: 768px){.web-dev__container__container--reverse{flex-direction:column}}.web-dev__container li{list-style:none;height:100%;width:100%}.web-dev__container--reverse{flex-direction:row-reverse}@media (max-width: 320px){.web-dev__container--reverse{flex-direction:column}}.web-dev__grid-container{display:grid;grid-template-areas:" img1 img1 img1 img2 img2 img2 img2" " img1 img1 img1 img2 img2 img2 img2" " img1 img1 img1 img2 img2 img2 img2" " img3 img3 img3 img3 img3 img3 img3" " img3 img3 img3 img3 img3 img3 img3" " img3 img3 img3 img3 img3 img3 img3" " img3 img3 img3 img3 img3 img3 img3" " img3 img3 img3 img3 img3 img3 img3" " img4 img4 img4 img5 img5 img5 img5" " img4 img4 img4 img5 img5 img5 img5" " img4 img4 img4 img5 img5 img5 img5";width:100%;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(11,minmax(39px,40px));gap:.3rem}.web-dev__grid-item{width:100%;overflow:hidden;border-radius:1.2rem;background-color:#362a8a}.web-dev__grid-item--1{grid-area:img1}.web-dev__grid-item--2{grid-area:img2}.web-dev__grid-item--3{grid-area:img3}.web-dev__grid-item--4{grid-area:img4}.web-dev__grid-item--5{grid-area:img5}.web-dev__list{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;width:100%;height:auto}@media (max-width: 768px){.web-dev__list{gap:2rem}}.fourth-category{width:100%;margin:0 auto;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:5rem;padding:20rem 0;height:-moz-fit-content;height:fit-content}.slider__card{max-width:40rem;min-width:40rem;max-height:20rem}:host{--swiper-navigation-size: 217px}swiper-container{--swiper-navigation-color: rgb(63, 11, 151)}swiper-container::part(button-next),swiper-container::part(button-prev){padding:1rem;border-radius:50%;background-color:#9c9c9c87;backdrop-filter:blur(10px);width:4rem;height:4rem}.dark swiper-container{--swiper-navigation-color: lime}.dark swiper-container::part(button-next),.dark swiper-container::part(button-prev){background-color:#02020267}.swiper{width:100%;height:100%;overflow:hidden;display:flex}swiper-container{width:100%;height:100%}.swiper-slide{display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;background:var(--mainColor)}.swiper-slide-next{width:45%!important;-webkit-mask-image:none;mask-image:none}.swiper-slide-next #card-container{height:100%}.swiper-slide-prev{-webkit-mask-image:linear-gradient(to right,transparent 5%,black 100%);mask-image:linear-gradient(to right,transparent 5%,black 100%)}swiper-slide{display:flex;justify-content:center;align-items:center}#card-container{width:100%;height:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;padding:10px}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-big{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:2rem;width:100%;max-width:544px;margin:0 auto;background:var(--bg-card);border-radius:1.2rem;padding:1.6rem;color:var(--mainColor)}@media (max-width: 768px){.card-big{max-width:35rem}}.card-big__container{overflow:hidden;height:-moz-fit-content;height:fit-content;position:relative;border-radius:1.2rem 1.2rem 1.2rem 0;width:100%;height:100%;max-width:512px;height:272px}@media (max-width: 768px){.card-big__container{height:169px}}.card-big:hover .card-big__img{transform:scale(1.1)}.card-big__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.card-big .card__author{position:absolute;display:flex;align-items:center;justify-content:center;align-self:flex-start;gap:1rem;background-color:var(--bg-card);top:75%;z-index:10;border-radius:0 12px 0 0;padding:.4rem 1rem}@media (max-width: 768px){.card-big .card__author{top:60%}}.card-big .card__author:before{position:absolute;background:transparent;z-index:10;content:"";top:-2rem;right:22.6rem;width:2rem;height:2rem;border-bottom-left-radius:1.25rem;box-shadow:-.766rem .609rem 0 .366rem var(--bg-card)}.card-big .card__author:after{position:absolute;background:transparent;z-index:10;content:"";top:4.9rem;right:-2rem;width:2rem;height:2rem;border-bottom-left-radius:1.25rem;box-shadow:-.59rem .657rem 0 .3rem var(--bg-card)}.card-big .card__author__avatar{border-radius:50%;width:6.3rem;height:6.3rem;-o-object-fit:cover;object-fit:cover}.card-big .card__author__name{color:var(--mainColor);font-weight:600}.card-big__content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:1rem}.card-big__content__link{font-weight:700}.card-big__content__link:hover h2{color:#60c}.card-big__content h2{color:var(--mainColor);font-size:2rem;text-wrap:balance}.bRadius,.cardContainer,.sideCard{border-radius:12px}.sideCard{padding:1rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;height:-moz-fit-content;height:fit-content;min-height:10dvh;box-shadow:0 0 7px #000000a6;color:var(--text-color)}.sideCard:hover .cardImage{transform:scale(1.1)}.cardContainer{overflow:hidden}.cardContainer .cardImage{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9;transition:transform .3s ease-in-out}.cardTitle{text-align:left;margin-top:.4rem;font-size:2rem;font-weight:700}.cardExcerpt{text-align:left;margin-top:.4rem;font-size:1.4rem;font-weight:500}.sidebar{position:sticky;top:10rem;display:flex;flex-direction:column;flex-basis:20%;padding:0 1rem 1rem;gap:1rem}.sidebar .title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.sidebar .button-youtube{background-color:#c3190c}.sidebar .button-youtube:hover{background-color:#a50d0c}.sidebar .search{margin-bottom:2rem}.cardWrapper{margin-top:5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;width:100%}.footer{display:flex;flex-direction:column;margin-top:auto;gap:2rem;width:100%;padding:3rem 10rem;min-height:15dvh;color:#fff;background:#000}.footer__container{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap}.footer__links{display:flex;flex-direction:column;gap:1rem}.footer__links__title{font-size:2.2rem;color:#fff}.footer__list{display:flex;flex-direction:column;gap:1rem}.footer__link{color:var(--ufoGreen)}.footer__link:hover{color:#fff}.footer__credits{display:flex;align-items:center;justify-content:start;gap:1rem}.footer__copy{font-size:1.28rem}.footer__icons{color:var(--ufoGreen)}@media (max-width: 768px){.footer{padding:3rem 2rem}.footer__credits{display:flex;align-items:center;justify-content:center;text-align:center}.footer__link{flex-direction:column;gap:2rem}.footer__container{flex-direction:column;align-items:center;gap:2rem}}.comment-form{display:flex;flex-direction:column;gap:1rem;width:100%;margin:0 auto}.comment-form__title{font-size:1.5rem;font-weight:700}.comment-form__title-username{color:#3b82f6}.comment-form__field{display:flex;flex-direction:column}.comment-form__field--hidden{display:none}.comment-form__label{display:block;font-size:1.5rem;font-weight:500;color:var(--mainColorcolor);margin-bottom:.25rem}.comment-form__input,.comment-form__textarea{color:var(--bg-color);margin-top:.25rem;width:100%;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:.5rem .75rem}.comment-form__input:focus,.comment-form__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comment-form__textarea{resize:none;color:var(--bg-color);min-height:20dvh}.comment-form__submit-btn{background-color:#60c;color:#fff;padding:.5rem 1rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;border:none;cursor:pointer;transition:background-color .2s ease-in-out}.comment-form__submit-btn:hover{opacity:.9}.comment-form__submit-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.comment-form__message{margin-top:.5rem;font-size:.875rem}.comment-form__message--success{color:#059669}.comment-form__message--error{color:#dc2626}.comment-form__message--hidden{display:none}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{margin:0;font-size:62.5%;font-optical-sizing:auto;height:100%}body{overflow-x:hidden;font-family:Montserrat Variable,sans-serif;background:var(--bg-color);color:var(--textColor);display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;font-size:1.6rem;color:var(--bg-color);cursor:pointer}p,b,strong,pre{font-size:1.6rem}li{list-style:none}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.7rem;font-weight:700}h4{font-size:1.6rem;font-weight:700}figure{width:100%;max-width:100%;overflow-x:auto}table{width:100%;border:1px solid rgba(0,0,0,.05);border-collapse:collapse}tr:nth-of-type(odd){background:#0000000d}table thead th,table tfoot th{font-size:1.8rem;font-weight:700;background:#0000001a}table caption{padding:1rem}table th,table td{font-size:1.5rem;font-weight:700;padding:1rem;border:1px solid lightgrey}.text-gradient,#post h1{background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-card{padding:1rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;height:-moz-fit-content;height:fit-content;min-height:10dvh;box-shadow:0 0 7px #000000a6;border-radius:12px;background-color:var(--bg-card);color:var(--textColor)}.sidebar-card:hover .card-image{transform:scale(1.1)}.card-container{overflow:hidden;border-radius:12px}.card-container .card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9;transition:transform .3s ease-in-out}.card-title{text-align:left;margin-top:.4rem;font-size:2rem;font-weight:700;color:var(--textColor)}.card-excerpt{text-align:left;margin-top:.4rem;font-size:1.4rem;font-weight:500;color:var(--textColor)}#themeToggle[data-astro-cid-hsoaq6cp]{display:grid;place-content:center;width:55px;height:55px;position:fixed;margin-right:3rem;top:86%;right:0;border-radius:50%;border:2px solid #6600cc;background:#1d1d1d1f;backdrop-filter:blur(30px);cursor:pointer;z-index:100;transition:transform .3s ease-in-out}#themeToggle[data-astro-cid-hsoaq6cp]:active{transform:scale(.5)}.sun[data-astro-cid-hsoaq6cp]{display:block}.moon[data-astro-cid-hsoaq6cp],.dark .sun[data-astro-cid-hsoaq6cp]{display:none}.dark .moon[data-astro-cid-hsoaq6cp]{display:block}
