.fade-in{animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fast-fade-in{animation:fastFadeIn .3s}@keyframes fastFadeIn{0%{opacity:0}100%{opacity:1}}.slow-fade-in{animation:slowFadeIn 3s}@keyframes slowFadeIn{0%{opacity:0}100%{opacity:1}}.late-fade-in{animation:lateFadeIn 3s}@keyframes lateFadeIn{0%{opacity:0}25%{opacity:0}100%{opacity:1}}.rotate{transform:rotate(-4deg)}.moon-animation{animation:moonAnimation 5s ease-in-out infinite}@keyframes moonAnimation{0%{transform:translate(24%, 16%)}50%{transform:translate(24%, 22%)}100%{transform:translate(24%, 16%)}}.footer{padding:20px 0;text-align:center;font-size:16px;background-color:#d0b49f}.footer a{color:#58371d}.footer a:hover{text-decoration:underline}.footer__dev{font-size:14px}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;background-color:#e4e4e2;font-size:18px;font-family:"Comfortaa",cursive}@media screen and (max-width: 767px){body{font-size:16px}}h1{margin:0}h2{font-size:60px;font-family:"Cardo",serif}@media screen and (max-width: 767px){h2{font-size:32px}}a{text-decoration:none;color:#a47551}p{line-height:1.4;font-family:"Lora",serif}.wrapper{max-width:1920px;width:100%;margin:0 auto}.blog-header{width:100%;min-height:80px;height:100%;padding:10px 0;background-color:#d0b49f}.blog-logo{width:140px;display:block;margin:0 auto}.blog-container{max-width:1024px;width:94%;margin:0 auto;padding:60px 10px;min-height:70vh;position:relative}.up-arrow{display:none;position:fixed;right:0px;bottom:0px;background-color:rgba(228,228,228,.7);width:60px;height:60px;object-fit:contain;border-radius:50%;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.3);transform:translate(-20px, -20px)}.up-arrow img{transform:translateY(-2px);transition:all .2s ease}.up-arrow:hover img{transform:translateY(-6px)}@media screen and (max-width: 767px){.up-arrow{bottom:50px}}.show-arrow{display:flex}.back{display:block;text-align:center}.header-blog{color:#fff;display:block;text-align:center;font-size:50px;margin-top:20px;text-transform:uppercase}#loader{width:120px;display:block;margin:0 auto}#loader-container{width:fit-content;margin:0 auto;margin-top:40px}.disapear{display:none}.post-date{color:#9e9e9e;font-style:italic;font-size:20px}.error-msg{text-align:center;color:red}@media screen and (max-width: 767px){.post-container img{max-width:100%;height:fit-content;overflow:unset}.post-container figure{display:block;width:fit-content;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;unicode-bidi:isolate}}#posts-menu{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}#posts-menu .post-btn{cursor:pointer;background-color:rgba(0,0,0,0);font-size:16px;padding:6px 10px;border:1px solid gray;border-radius:8px;transition:all .2s ease;text-wrap:nowrap}#posts-menu .post-btn:hover{transform:translateY(-3px);box-shadow:0 5px 5px rgba(0,0,0,.4);background-color:#fff;color:#a47551;text-decoration:none;border:1px solid rgba(0,0,0,0)}.bottom-logo{width:100px;display:block;margin:40px auto}.footer{padding:20px 0;text-align:center;font-size:16px;background-color:#d0b49f}.footer a{color:#58371d}.footer a:hover{text-decoration:underline}.footer__dev{font-size:14px}.footer .empty-space-blog{height:60px}#blog-phone-menu{width:100%;background-color:#fff;color:#a47551;display:none;list-style:none;position:fixed;bottom:0;left:0;z-index:2;padding:20px 10px;margin-block-start:0;margin-block-end:0}#blog-phone-menu li{text-wrap:nowrap}@media screen and (max-width: 767px){#blog-phone-menu{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px}}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#d0b49f;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}