.loading-skeleton{display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:var(--content-bg)}.loading-skeleton .img{height:1.2em;width:100%;border-radius:2em;box-shadow:none;height:350px}.loading-skeleton .animated-bg-title,.loading-skeleton .img{-webkit-animation:shimmer 2s linear infinite;animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%}.loading-skeleton .animated-bg-title{height:1.2em;width:80%;margin:10px 0}.loading-skeleton .animated-bg-tags{display:flex;flex-wrap:wrap}.loading-skeleton .animated-bg-tags .tag{height:1.2em;width:60%;-webkit-animation:shimmer 2s linear infinite;animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%;margin-right:5px;border-radius:10px}.loading-skeleton .footer{display:flex;justify-content:space-between;margin-top:auto}.loading-skeleton .footer .date,.loading-skeleton .footer .read{height:1.2em;width:30%;-webkit-animation:shimmer 2s linear infinite;animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%;margin-top:5px}@-webkit-keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.article{border-radius:15px;padding:15px 20px 10px 20px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:34em;background-color:var(--content-bg)}.article:hover{cursor:pointer}.article .img{width:90%;margin:0 auto;border-radius:1em}.article .tags{color:var(--link-color);margin:0 0 2em 0}.article .tags .tag:hover{color:#6495ed}.article .footer{display:flex;justify-content:space-between;color:var(--text-light-color);padding-bottom:10px;margin-top:auto}.blog-content{padding:10px;margin-bottom:8em}.blog-content .title{flex-basis:100%;margin-top:0}.blog-content .learning-highlight{display:flex;margin-bottom:3em;justify-content:space-between;flex-wrap:wrap;flex-basis:100%;align-items:flex-start}.blog-content .learning-highlight .topics{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;row-gap:.7em}.blog-content .learning-highlight .topics .topics-title{flex-basis:100%;align-self:start}.blog-content .learning-highlight .topics button{background-color:#c8adff;cursor:pointer;border-radius:5px}.blog-content .learning-highlight .topics .active-topic{background-color:#ffff7c!important;color:#000}.blog-content .learning-highlight .topics .topic{cursor:pointer;padding:5px;border-radius:5px;text-align:center;background-color:var(--content-bg);font-size:medium;box-shadow:1px 1px 1px 0 #d3d3d3,1px 1px 3px 2px #dedede}.blog-content .learning-highlight .topics .topic .active-topic{background-color:#ffff7c}.blog-content .learning-highlight .tags{display:flex;flex-wrap:wrap;justify-content:space-evenly;font-size:.9em;gap:.3em;row-gap:.7em}.blog-content .learning-highlight .tags .tags-title{flex-basis:100%;align-self:start}.blog-content .learning-highlight .tags .tag{cursor:default;display:inline-block;padding:5px;background-color:#7fffd4;color:#000;border-radius:5px;font-size:small;box-shadow:1px 1px 5px rgba(0,0,0,.3);transition:background-color .3s}.blog-content .learning-highlight .tags .tag:hover{background-color:#50ac8e}.blog-content .post{margin:0 0 3em 0}