[hideprofile][html]
<style>
#kolorconk {
margin: 0 auto;
width: 100%;
height: auto;
border: 2px solid #9d6079;
padding: 30px;
background: #000000c4;
}
.pig {
width: 120px;
font-family: abril fatface;
color: #e5e5e5;
font-style: italic;
font-size: 20px;
text-align: right;
width: 190px;
text-transform: uppercase;
line-height: 36px;
padding-top: 50px;
padding-right: 20px;
}
.piggy {
width: 40px;
color: #b29595;
text-shadow: 2px 2px #00000091;
text-align: center;
font-size: 40px;
font-family: english rose;
}
.piggy:hover {
font-size: 45px;
transition: all 0.5s ease-out;
z-index: 1000;
}
.backk {
border-left: 1px solid #9d6079;
border-right: 1px solid #9d6079;
opacity: .5;
width: 220px;
padding-left: 20px;
padding-right: 20px;
color: #a7a7a7;
font-size: 12px;
font-family: muli;
text-align: justify;
margin-top: 18px;
position: relative;
}
.imagenloca {
height: 150px;
width: 77%;
background-image: url(https://i.ibb.co/CbQ3v5R/image.png);
border: 1px solid #9d6079;
opacity: .7;
margin-left: 40px;
}
</style>
<script>
</script>
<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">
<div id="kolorconk">
<div class="imagenloca"></div>
<table>
<tbody>
<tr>
<td><div class="piggy">A</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
<td><div class="piggy">Б</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость
<br><br>
</div></td>
</tr>
</tbody>
<table>
<tbody>
<tr>
<td><div class="piggy">В</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>
Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">Г</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<table>
<tbody>
<tr>
<td><div class="piggy">Д</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">Е</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">Ж</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">З</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">И</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">К</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">Л</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">М</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">Н</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">О</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">П</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">Р</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">С</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">Т</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">У</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">Ф</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">Х</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">Ц</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">Ч</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">Ш</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">Э</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy">Ю</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
<br><br>
</div></td>
</tr>
</tbody>
<tbody>
<tr>
<td><div class="piggy">Я</div></td>
<td><div class="backk">Название - Стихия - Диета - Слабость
<br>Название - Стихия - Диета - Слабость <br>
</div></td>
<td><div class="piggy"></div></td>
<td><div class="backk">
<br><br>
</div></td>
</tr>
</tbody>
</table>
</div>
[/html]
