/*!----- A modern CSS reset -----*//*! Box sizing rules */*,*::before,*::after{box-sizing:border-box}/*! Remove default padding */ul[class],ol[class]{padding:0}/*! Remove default margin */body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}@font-face{font-family:"Roboto regular";src:url("fonts/roboto-regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Roboto medium";src:url("fonts/roboto-medium.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}/*! Set core body defaults */body{font-family:Roboto,"Open Sans",Helvetica,Arial,sans-serif;min-height:100vh;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeSpeed;line-height:1.2}/*! Remove list styles on ul, ol elements with a class attribute */ul[class],ol[class]{list-style:none}/*! A elements that don't have a class get default styles */a:not([class]){text-decoration-skip-ink:auto}/*! Make images easier to work with */img{max-width:100%;display:block}/*! Natural flow and rhythm in articles by default */article>*+*{margin-top:1em}/*! Inherit fonts for inputs and buttons */input,button,textarea,select{font:inherit}input[type="text"],input[type="email"],input[type="tel"]{border-radius:5px;border:1px solid #ddd;padding:.5em}strong{font-family:"Roboto medium";font-weight:normal}/*! Remove all animations and transitions for people that prefer not to see them */@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}header{background-color:#1d70b8;padding:1rem 0}header>div{width:calc(100% - 4rem);max-width:960px;margin:0 auto}header h1{font-family:"Roboto medium";color:#fff;font-weight:normal;font-size:1.4rem;letter-spacing:1px;display:flex;align-items:center}header h1 span.dot{display:block;color:#03ffe0;margin:0 .25rem}article{display:block;width:calc(100% - 4rem);max-width:960px;margin:3rem auto 0}article h2{font-size:2rem}.hit-counter{position:fixed;bottom:1rem;right:1rem;background-color:#f4f8fb;color:#1d70b8;padding:.5rem;border:2px solid #1d70b8;display:inline-block;font-size:1rem}.hit-counter-number{letter-spacing:.2rem}