*{margin:0;padding:0;box-sizing:border-box;font-family:Inconsolata,monospace}::selection{background:#0080ff;text-shadow:none}header{position:absolute;top:0;left:0;width:100%;padding:40px 100px;z-index:1000;display:flex;justify-content:space-between;align-items:center}header .logo{color:#fff;text-transform:uppercase;cursor:pointer}.toggle{position:relative;width:60px;height:60px;background:url(menu.png);background-repeat:no-repeat;background-size:30px;background-position:center;cursor:pointer}.toggle.active{background:url(close.png);background-repeat:no-repeat;background-size:25px;background-position:center;cursor:pointer}.showcase{position:absolute;right:0;width:100%;min-height:100vh;padding:100px;display:flex;justify-content:space-between;align-items:top;transition:.5s;z-index:2}.showcase.active{right:300px}.showcase video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background-image:radial-gradient(rgba(0,100,0,1),#000 120%);mix-blend-mode:overlay}.lines{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,transparent 1px,transparent 2px);mix-blend-mode:luminosity}.texto{top:0;left:100px;right:0;bottom:0;margin:100px;overflow:clip;position:absolute;display:block}.text{font-size:1.3rem;font-weight:bolder;color:#06b400;position:relative;text-shadow:0 0 3px #0f0}.text h2{font-size:5em;font-weight:800;line-height:1em;text-transform:uppercase}.text h3{font-size:4em;font-weight:700;line-height:1em;text-transform:uppercase}.text p,pre{font-size:1.1em;margin:0 0;font-weight:400;max-width:700px}.text a{font-size:1.1em;margin:0 0;font-weight:400;background:#fff;text-transform:uppercase;text-decoration:none;color:#111;letter-spacing:2px;transition:.2s}.text a:hover{letter-spacing:3px}.social{position:absolute;z-index:10;bottom:20px;display:flex;justify-content:center;align-items:center}.social li{list-style:none}.social li a{display:inline-block;margin-right:20px;filter:invert(1);transform:scale(.5);transition:.5s}.social li a:hover{transform:scale(.5) translateY(-15px)}.menu{position:absolute;top:0;right:0;width:300px;height:100%;display:flex;justify-content:center;align-items:center}.menu ul{position:relative}.menu ul li{list-style:none}.menu ul li a{text-decoration:none;font-size:24px;color:#111}.menu ul li a:hover{color:#03a9f4}@media (max-width:991px){.showcase,.showcase header{padding:40px}.text h2{font-size:3em}.text h3{font-size:2em}}