MM065.- Hello (inventario)

<div class="MM065"><div>
<b>Hello</b>
<span>Inventario de Nombre Apellido</span>

<input type="checkbox" id="MM065"><label for="MM065" title="Desplegar">̬⮟</label>

<div class="MM065-sr">

<div>
<span><i class="ra ra-sword"></i></span>
<div><b class="tt">Nombre Ítem</b>
<b>Usos:</b> XX
<b>Info:</b> Bonbon muffin donut halvah. Dragée jujubes dragée marzipan toffee caramels dragée tiramisu cheesec.</div></div>

<div>
<span><i class="ra ra-dragon-wing"></i></span>
<div><b class="tt">Nombre Ítem</b>
<b>Usos:</b> XX
<b>Info:</b> Bonbon muffin donut halvah. Dragée jujubes dragée marzipan toffee caramels dragée tiramisu cheesec.</div></div>

<div>
<span><i class="ra ra-arcane-mask"></i></span>
<div><b class="tt">Nombre Ítem</b>
<b>Usos:</b> XX
<b>Info:</b> Bonbon muffin donut halvah. Dragée jujubes dragée marzipan toffee caramels dragée tiramisu cheesec.</div></div>

<div>
<span><i class="ra ra-crystals"></i></span>
<div><b class="tt">Nombre Ítem</b>
<b>Usos:</b> XX
<b>Info:</b> Bonbon muffin donut halvah. Dragée jujubes dragée marzipan toffee caramels dragée tiramisu cheesec.</div></div>

</div>

</div></div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet"><link rel="stylesheet" type="text/css" media="screen" href="//dl.dropbox.com/s/sysfrsfpfzhguou/rpg-awesome.min.css"><style>.MM065, .MM065 * {box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .5s;} .MM065 input, .MM065 br {display: none;} .MM065 {width: 400px; margin: auto; border-radius: 40px; padding: 30px; box-shadow: 0 40px 40px -30px #0009; font: 10px Open Sans; color: #555;} .MM065 {background: linear-gradient(-45deg, #FFF, #e1e2e7); border-style: solid; border-width: 1px; border-color: #dddee2 #FFF #FFF #dddee2;} .MM065 > div {border-style: solid; border-width: 1px; border-color: #dddee2 #FFF #FFF #dddee2; border-radius: 20px; background: linear-gradient(-45deg, #e1e2e7, #FFF9); text-align: center; padding: 30px; display: flex; flex-direction: column;} .MM065-sr > div > div > b, .MM065-sr > div > span > i, .MM065 > div > label, .MM065 > div > b {background: linear-gradient(45deg, #9ca2b9, #5e667b); background-clip: text; color: transparent;} .MM065 > div > b {font: 700 60px Josefin Sans; text-transform: uppercase;} .MM065 > div > span {text-transform: uppercase; letter-spacing: 3px; padding-left: 3px; color: #f58b2e; font-weight: bold;} .MM065 > div > label {margin: 20px 0 0; font-size: 16px; cursor: pointer; padding: 0; line-height: 100%;} .MM065 > div > input:checked ~ label {transform: rotateX(180deg);} .MM065 > div > input:checked ~ .MM065-sr {margin: 15px -5px -5px; height: 300px; overflow: auto;} .MM065-sr {margin: 0px -5px -5px; display: flex; flex-wrap: wrap; height: 0px; overflow: hidden;} .MM065-sr > div {display: flex; align-items: flex-start;} .MM065-sr > div > * {padding: 12px; border-radius: 10px; position: relative; background: #FFF; border-style: solid; border-width: 1px; border-color: #dddee2 #FFF #FFF #dddee2;} .MM065-sr > div > span {font-size: 18px;} .MM065-sr > div > div {padding: 10px; text-align: justify; hyphens: auto; margin-left: 8px;} .MM065-sr > div > div::before {content: ""; position: absolute; top: 18px; left: -6px; width: 6px; height: 14px; background: #FFF; clip-path: polygon(100% 0, 0 50%, 100% 100%);} .MM065-sr > div ~ div {margin-top: 10px;} .MM065-sr .tt {display: block; margin: -10px -10px 0; padding: 5px; text-align: center; border-bottom: 1px solid #EEE;} .MM065-sr > div > div br {display: block;} .MM065-sr > div > div br + br {margin: 5px;} .MM065 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0002 !important;} .MM065 div::-webkit-scrollbar-thumb {background: #0006 !important;} .miMM {display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444;} .miMM:hover {letter-spacing: 3px;}@keyframes gigi {from {transform: rotateY(0deg);} to {transform: rotateY(360deg);}} .MM065-sr > div > span > i {animation: gigi 2s linear infinite; display: block; animation-play-state: paused;} .MM065-sr > div:hover > span > i {animation-play-state: running;}</style>