@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,900&display=swap');body{background:#fff;color:#000;font-family:'Montserrat',sans-serif;margin:0}a,a:focus{outline:none}section{position:relative;z-index:1000}section a{outline:none;color:#000;text-decoration:none;opacity:0.7}section a:hover, section a:focus{opacity:1}section h1{margin:0px;font-weight:900;font-size:30px;text-align:center}section h1 span{display:block;padding:0.4em 1em 1em;font-size:60%}main{height:100vh;display:flex;justify-content:center;align-items:center}.demo{padding:20px 0;display:flex;justify-content:center;align-items:center}.demo a{margin:4px;padding:2px 8px;outline:none;border-bottom:3px solid #ccc;color:#000;text-decoration:none;opacity:1;-webkit-transition:all 0.2s;transition:all 0.2s}.demo a:hover, .demo a.active, .demo a.active:hover, .demo a:focus{color:#487ee0;border-bottom-color:#487ee0}@media screen and (max-width: 800px){.demo{flex-direction:column}}@media screen and (max-width: 480px){}@media screen and (max-height: 29em){header{position:relative;margin:0 auto;height:auto;max-width:100%}}