@import"https://fonts.googleapis.com/css?family=Oxanium|Tektur&display=swap";:root{--primary-color:#2cc290;--secondary-color:#24a57a;--tertiary-color:#bfb0a3;--foreground-color:#e0e0e0;--background-color:#21252b;--font-primary:Oxanium;--font-heading:Oxanium}.test{font:var(--font-primary)}div.blog-card{color:#e0e0e0;display:flex;padding:5px;position:relative;scroll-snap-align:start}div.blog-card.blog-legacy .blog-header h2{color:#5e5e5e!important}div.blog-card.blog-legacy .blog-header h2:before{background-color:#f0f0f0;border-radius:5px;content:"Legacy";font-size:13px;margin:5px;padding:5px;vertical-align:middle}div.blog-card.blog-draft{background:#3333;border:1px dashed #4e4e4e;color:#e0e0e0}div.blog-card a.post-link{height:100%;left:0;position:absolute;top:0;width:100%}div.blog-card div.blog-tags{display:flex}div.blog-card div.blog-tags div.blog-tag{color:#2cc290;font-size:15px;font-variant:small-caps;padding:2px 5px;z-index:2}div.blog-card div.blog-tags div.blog-tag span{vertical-align:middle}div.blog-card div.blog-image{height:128px;margin:5px;padding:10px;text-align:center;width:128px}div.blog-card div.blog-image img{border-radius:10px;height:128px}@media screen and (max-width:768px){div.blog-card div.blog-image{height:64px;width:64px}div.blog-card div.blog-image img{height:64px}}@media screen and (max-width:600px){div.blog-card div.blog-image{display:none}}div.blog-card div.blog-details{display:flex;flex-direction:column;justify-content:center;margin:5px 5px 5px 10px}@media screen and (max-width:768px){div.blog-card div.blog-details{font-size:15px}}div.blog-card div.blog-details .blog-header h2{color:#24a57a}div.blog-card div.blog-details h2{color:#f0f0f0;margin:0}div.blog-card div.blog-details h3{color:#b3b3b3;font-size:15px;margin:0}div.blog-card div.blog-details .blog-tags .tag{background-color:#24a57a;border-radius:25px;color:#fff;display:inline-block;margin:2px;padding:3px 10px}div.blog-card div.blog-details .blog-current-position{color:#24a56f}div.blog-card div.blog-details .blog-date,div.blog-card div.blog-details .blog-type{padding:5px}div.blog-card div.blog-details .blog-date{font-size:13px}div.blog-card div.blog-details .blog-desc{padding:5px}div.blog-card div.blog-details .blog-links .blog-button{border-bottom:1px solid #24a571;display:inline-block;margin:5px;padding-left:5px;padding-right:5px;transition:all .25s}div.blog-card div.blog-details .blog-links .blog-button a{color:#24a571!important;text-decoration:none}div.blog-card div.blog-details .blog-links .blog-button:hover{border-bottom-color:#76e058;font-weight:700;padding-left:15px;padding-right:15px}div.blog-card div.blog-details .blog-links .blog-button:hover a{color:#91da55!important}