@import url(https://fonts.googleapis.com/css?family=Karla|Montserrat&display=swap);
body,html{position:relative;height:100vh;width:100vw;overflow:hidden;margin:0;padding:0;font-family:Montserrat,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Karla,sans-serif}h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:#fff;background:#f00ae4}h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:#fff;background:#f00ae4}a{color:grey}a:hover{color:red}a::-moz-selection{color:#003eb1;background:#0af029}a::selection{color:#003eb1;background:#0af029}::-moz-selection{color:#1a1918;background:#f05e0a}::selection{color:#1a1918;background:#f05e0a}canvas{top:0;height:100vh;width:100vw;z-index:1;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M32 12H20l4.485-4.485C22.218 5.249 19.205 4 16 4S9.781 5.248 7.515 7.515C5.249 9.782 4 12.795 4 16s1.248 6.219 3.515 8.485C9.782 26.751 12.795 28 16 28s6.219-1.248 8.485-3.515c.189-.189.371-.384.546-.583l3.01 2.634A15.96 15.96 0 0116 32C7.163 32 0 24.837 0 16S7.163 0 16 0c4.418 0 8.418 1.791 11.313 4.687L32 0v12z'/%3E%3C/svg%3E"),auto}.main-navigation,canvas{position:absolute;left:0}.main-navigation{display:block;bottom:0;padding:1rem;z-index:3}.main-navigation button svg{width:3rem;height:3rem}.content{box-sizing:border-box;transition:left .5s ease-out;position:absolute;height:100%;left:-100%;bottom:0;padding:1.5rem;z-index:2;background-color:rgba(0,0,0,.8);color:#fff;width:48rem;max-width:100%;word-wrap:break-word}.is-open .content{left:0}.content__text{position:relative;max-height:calc(100% - 5rem);overflow-y:auto}.content-trigger{border:none;background:none;outline:none;cursor:pointer}.content-trigger svg{border-radius:50%}.content-trigger svg .info{transform:translateX(0);transition:transform .5s ease-out}.content-trigger svg .arrow{transform:translate(-100%,50%) rotate(-45deg);transition:transform .5s ease-out}.is-open .content-trigger svg .info{transform:translateX(100%)}.is-open .content-trigger svg .arrow{transform:translate(30%,50%) rotate(-45deg)}

/*# sourceMappingURL=main.3c491c14b63547b78c97.css.map*/