@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Monoton&display=swap");:root{--brand-primary:#44d688;--font-family-display:Monoton,Arial,sans-serif;--font-family-primary:"Rubik",Arial,sans-serif;--neon-effect:0 0 0 transparent,0 0 20px red,0 0 50px rgba(255,0,0,.5),0 0 200px rgba(255,0,0,.5),0 0 250px red,0 0 300px red,-250px -100px 100px red}*{box-sizing:border-box}body,html{background-color:#000;font-family:var(--font-family-primary);line-height:1.42;margin:0;padding:0;color:#fff}a{color:inherit;text-decoration:none}.hero{background-color:#000;background:radial-gradient(ellipse at 33% 0,#333 0,#000 66%);min-height:100vh}.hero-wrapper{display:flex;justify-content:center;margin:auto;max-width:1200px;padding:0 20px}.hero-block{padding:60px 0;text-align:center;width:100%}.hero-title{animation:neon-blink 5s infinite alternate;color:#f88;font-family:var(--font-family-display);font-size:45px;font-weight:400;margin:0 auto 60px 2em;text-align:left;text-shadow:var(--neon-effect);text-transform:uppercase;transform:skew(0,-12deg) rotate(5deg);white-space:nowrap}@media (min-width:992px){.hero-title{font-size:86px;margin-bottom:100px;margin-left:1.5em}}.hero-title strong{display:block;font-weight:400;text-indent:-1.66em}.button{border:none;cursor:pointer;font-size:16px;text-transform:uppercase;letter-spacing:1px}.button--primary{background-color:var(--brand-primary);border-color:transparent;color:#000;font-family:var(--font-family-primary);font-weight:700;padding:20px 30px;transition:transform .2s}.button--primary:hover{transform:scale(1.05)}.button--primary:active{outline:0;transform:scale(.95)}.gallery{list-style:none;padding:0;width:100%;max-width:800px;margin:0 auto}.gallery-item{margin-bottom:20px}.card{align-items:stretch;display:flex;flex-wrap:wrap;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(255,0,0,.1)}.card-block{padding:20px}.card-block>:last-child{margin-bottom:0}.card-block--primary,.card-block--secondary{background-color:rgba(51,51,51,.4)}.card-block--primary{flex:1 1}.card-block--secondary{align-items:center;display:flex;min-width:100%}.card-block--secondary .button{min-width:100%}@media (min-width:992px){.card-block--secondary,.card-block--secondary .button{min-width:unset}}.card-element--date{align-items:center;display:flex;flex-direction:column;color:#fff;font-family:var(--font-family-primary);line-height:1.3;min-width:75px;text-align:center;text-transform:uppercase}.card-element-text--highlight{font-size:32px;font-weight:700}.card-element-text{font-size:16px}.card-subtitle,.card-title{text-align:left}.card-title{color:#fff;font-family:var(--font-family-primary);font-weight:700;margin:0 0 1.3em;font-size:1.5em}.card-subtitle{color:#aaa;margin:0}.card-title+.card-subtitle{margin-top:-.6em}.blog-post{max-width:800px;margin:0 auto;text-align:left}.blog-header{margin-bottom:40px;text-align:center}.blog-title{color:#f88;font-family:var(--font-family-display);font-size:2.5em;margin:0 0 20px;text-shadow:0 0 10px rgba(255,0,0,.5)}.blog-meta{color:#aaa;font-size:1.1em}.blog-date{color:var(--brand-primary)}.blog-content{color:#fff;font-size:1.1em;line-height:1.8;margin-bottom:40px}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#f88;margin-top:2em;margin-bottom:1em}.blog-content h1{font-size:2em}.blog-content h2{font-size:1.7em}.blog-content h3{font-size:1.4em}.blog-content p{margin-bottom:1.5em}.blog-content code{background-color:rgba(51,51,51,.8);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;color:var(--brand-primary)}.blog-content pre{background-color:rgba(51,51,51,.8);padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.blog-content pre code{background:none;padding:0}.blog-content blockquote{border-left:4px solid var(--brand-primary);padding-left:20px;margin:20px 0;font-style:italic;color:#ccc}.blog-content ol,.blog-content ul{padding-left:30px;margin-bottom:1.5em}.blog-content li{margin-bottom:.5em}.blog-footer{text-align:center;padding-top:40px;border-top:1px solid hsla(0,0%,100%,.1)}@keyframes neon-blink{44%{opacity:1}45%{opacity:.7}46%{opacity:1}98%{opacity:1}99%{opacity:.5}to{opacity:1}}@media (max-width:768px){.hero-wrapper{width:100%;padding:0 15px}.hero-title{font-size:28px;margin-left:1em;transform:skew(0,-8deg) rotate(3deg)}.card{flex-direction:column}.blog-title{font-size:2em}.blog-content{font-size:1em}}