html{box-sizing:border-box}
body,html{background-color:#222;margin:0;font-size:100%;color:#eef;line-height:32px;font-family:arial, verdana, sans-serif;
overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;
background-color: #343a40;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%239C92AC' fill-opacity='0.25' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(to right top, #343a40, #2b2c31, #211f22, #151314, #000000);
}

footer,header,section{display:block}
main{display:block}
a{background-color:#444;color:#aaf;text-decoration:none;}
li a{padding:2px 20px;border-radius:20px 2px}
a:active,a:hover{background-color:#777;color:#fff}

b{font-weight:inherit;font-weight:bolder}
svg:not(:root){overflow:hidden}
button,input{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;overflow:visible}
button{text-transform:none}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=search]{outline-offset:-2px}
template{display:none}
[hidden]{display:none}

*,:after,:before{box-sizing:inherit}
ul{margin-top:0;margin-bottom:24px;padding-left:24px;list-style:none;display: flex;}
li>ul{margin-bottom:0}  
li {margin:5px}
svg{display:block}

h1,h2,h3,h4,h5,h6{color:#fff;font-weight:600}
h1{font-size:32px;line-height:50px;letter-spacing:-.2px;text-shadow: 3px 3px 1px #f00;}
h2{font-size:28px;line-height:42px;letter-spacing:-.1px}
h3{font-size:24px;line-height:34px;letter-spacing:-.1px}
h4,h5,h6{font-size:20px;line-height:32px;letter-spacing:-.1px}

.text-sm{font-size:18px;line-height:30px;letter-spacing:-.1px}
p{margin-top:0;margin-bottom:24px}
b{font-weight:700}
button,input{font-size:20px;line-height:32px}
.container{width:100%;margin:0 auto;padding-left:16px;padding-right:16px}
@media (min-width:481px) {
.container{padding-left:24px;padding-right:24px}
}
.container{max-width:1128px;min-height:20vh;margin:10px}

.media-ico{clip:rect(1px,1px,1px,1px);position:absolute;height:1px;width:1px;overflow:hidden;word-wrap:normal}
.media-ico:focus{box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto;display:block;font-size:16px;letter-spacing:-.1px;font-weight:500;line-height:16px;text-decoration:none;background-color:#111;color:#79f;border:none;height:auto;left:8px;padding:16px 36px;top:8px;width:auto;z-index:1000}
.m-0{margin:0;float:right}
.mt-0{margin-top:0}
.mb-0{margin-bottom:0}
.mr-16{margin-right:16px}
.mb-16{margin-bottom:16px}

.input{background-color:#fff;border-width:1px;border-style:solid;border-color:#454c4c;color:#768696;max-width:100%;width:100%}
.input::placeholder{color:#9cacbc}
.input:hover{border-color:#393f3f}
.input:active,.input:focus{outline:0;border-color:#6f6}
.input[disabled]{cursor:not-allowed;background-color:#222;border-color:#666}
.input{letter-spacing:-.1px;line-height:20px;padding:13px 16px;height:48px;background:#555}
.field-grouped>.control:not(:last-child){margin-bottom:8px}
@media (min-width:641px) {
.field-grouped{display:flex}
.field-grouped>.control{flex-shrink:0}
.field-grouped>.control.control-expanded{flex-grow:1;flex-shrink:1}
.field-grouped>.control:not(:last-child){margin-bottom:0;margin-right:8px}
}
.button{font-weight:700;line-height:16px;background:#66f;color:#fff;justify-content:center;padding:16px 36px;height:48px;display:flex}
.button:hover{background:#3d3}

.site-header{position:relative;padding:2px 0}
.site-header-inner{position:relative;display:flex;justify-content:space-between;align-items:center}
.hero{padding-top:30px}
.hero-copy{margin:-80px 0 80px;padding:0px;min-width:512px;width:512px}
.hero-paragraph{margin-bottom:32px}
.hero-illustration{display:none;position:relative}
.hero-bg,.hero-dots,.hero-line,.hero-square{position:absolute;transform-origin:50% 50%}
.hero-bg{top:-160px;left:28px}
.hero-square-1{top:-270px;left:150px}
.hero-square-2{top:-42px;left:600px}
.hero-square-3{top:46px;left:74px}
.hero-square-4{top:0;left:250px}
.hero-square-5{top:108px;left:600px}
.hero-square-6{top:140px;left:85px}
.hero-square-7{top:336px;left:600px}
.hero-square-8{top:350px;left:193px}
.hero-dots-1{top:-107px;left:397px}
.hero-dots-2{top:65px;left:202px}
.hero-dots-3{top:396px;left:53px}
.hero-line-1{top:-140px;left:-200px}
@media (min-width:641px) {
.hero{padding-top:80px}
.hero-inner{display:flex}
.hero-copy{padding-right:48px;min-width:512px;width:512px}
.hero-illustration{display:block;width:528px}
}
@media (max-width:640px) {
.hero-form{margin:0 auto}
}
.feature{padding-top:116px;padding-bottom:16px;min-height:10vh;}
.features-wrap:first-child{margin-top:-16px}
.features-wrap:last-child{margin-bottom:-16px}
.features-inner{max-width:400px}
.feature-header{display:flex;align-items:center}
@media (min-width:641px) {
.feature{padding-top:24px;padding-bottom:24px}
.features-wrap:first-child{margin-top:-24px}
.features-wrap:last-child{margin-bottom:-24px}
}

main{flex:1 0 auto}
.section-inner{position:relative;padding-top:64px;padding-bottom:64px}
@media (min-width:641px) {
.section-inner{padding-top:88px;padding-bottom:88px}
}
footer{position:relative;font-size:14px;line-height:20px;letter-spacing:0}
.site-footer a{color:#789;text-decoration:none}
.site-footer a:active,.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;padding-top:32px;padding-bottom:32px}
.footer-bg,.footer-dots{display:none}
.footer-copyright,.footer-social-links{flex:none;width:100%;display:inline-flex;justify-content:center}
.footer-copyright{margin-bottom:24px}
.footer-social-links{margin-bottom:0}
.footer-social-links li{display:inline-flex}

.footer-social-links li a{padding:8px}
@media (min-width:641px) {
.site-footer::before{height:202px}    
.site-footer-inner{justify-content:space-between}
.footer-bg,.footer-dots{display:block;position:absolute}
.footer-bg{bottom:0;right:0}
.footer-dots{bottom:124px;right:127px}
.footer-copyright,.footer-social-links{flex:50%}
.footer-copyright{margin-bottom:0;justify-content:flex-start}
.footer-social-links{justify-content:flex-end}
}

.top {
  text-decoration: none;
  padding:6px 8px;
  font-size:22px;
  color: #33f;
  background: #f33;
  border-radius: 100px;
  position: sticky;
  bottom: 20px; 
  --offset: 100px;
  margin-top: calc(90vh + var(--offset));
  margin-left:9%;
  text-align:center;  
  border:2px solid #000;
}
.top a {color:#66f;text-decoration:none;background:transparent;}