MH6.- No Imgs (registro grupos)

<div class="MH6" style="color: #72a277;"><div class="inMH6"><span>Registro de<strong>Grupo</strong></span><div>Pastry liquorice apple pie dessert. Marzipan cake gummi bears cookie tootsie roll toffee caramels jelly beans. Chocolate sugar plum halvah.</div></div><div class="grMH6"><div><strong>Grupo Uno</strong><div><a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
</div></div><div><strong>Grupo Dos</strong><div><a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
</div></div><div><strong>Grupo Tres</strong><div><a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
<a href="URL">Nombre Apellido</a>
</div></div></div><div class="forMH6"><strong>Formulario</strong><div>Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code - Code</div></div></div><a class="miMH6" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>

<link href="https://fonts.googleapis.com/css?family=Quicksand:400,700|Source+Sans+Pro&display=swap" rel="stylesheet"><style>.MH6, .MH6 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} .MH6 {width: 400px; margin: auto; text-align: center; font: 12px Source Sans Pro; background: #fff; border-radius: 30px; overflow: hidden; border: 3px solid;} .inMH6 {position: relative; padding-right: 60%;} .inMH6 > span {position: absolute; right: 0; left: 40%; top: 50%; transform: translateY(-50%); color: #444; letter-spacing: 5px; padding-left: 5px;} .inMH6 > span strong {display: block; font: 30px Quicksand; letter-spacing: 1px;} .inMH6 > div {box-shadow: inset 0 0 0 200px; -webkit-text-fill-color: #FFF; padding: 20px; text-align: justify; hyphens: auto;} .inMH6 > div::before {content: "“"; position: absolute; font-size: 250px; opacity: .3; top: -85px; left: -25px;} .grMH6 {margin: 20px 20px 15px; font-size: 0px;} .grMH6 > div {display: inline-block; background: #0001; width: calc(50% - 2.5px); font-size: 12px; margin-bottom: 5px; vertical-align: top;} .grMH6 > div:nth-of-type(even) {margin-left: 5px;} .grMH6 > div:last-of-type:nth-of-type(odd) {width: 100%;} .grMH6 > div > strong {display: block; letter-spacing: 1px; padding: 10px 0 10px 1px; font-size: 15px;} .grMH6 > div > strong::before, .grMH6 > div > strong::after {content: ""; display: inline-block; width: 20px; border-bottom: 2px solid; vertical-align: middle; margin: 0 5px;} .grMH6 > div > div {height: 150px; margin: 5px; overflow: auto;} .grMH6 a {display: block; margin-bottom: 10px; transition: .3s; font-weight: bold; letter-spacing: 1px; color: #444;} .grMH6 a:hover {letter-spacing: 2px;} .forMH6 > strong {display: block; padding: 20px; box-shadow: inset 0 0 0 100px; -webkit-text-fill-color: #FFF; font: 30px Quicksand;} .forMH6 > div {margin: 20px; color: #444; background: #0001; border: 10px solid transparent; border-radius: 0 0 15px 15px;} .miMH6 {display: block; font: 10px arial; letter-spacing: 2px; text-align: center; transition: .5s;} .miMH6:hover {letter-spacing: 10px;} .MH6 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MH6 div::-webkit-scrollbar-thumb {background: #0003 !important;}</style>