42 lines
772 B
CSS
42 lines
772 B
CSS
|
.category {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.enemies {
|
||
|
display: flex;
|
||
|
|
||
|
.drop {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
text-align: center;
|
||
|
margin-right: 8px;
|
||
|
line-height: 30px;
|
||
|
font-size: 18px;
|
||
|
text-shadow: black 2px 2px;
|
||
|
transition: all 0.2s ease;
|
||
|
|
||
|
div {
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: center;
|
||
|
background-size: contain;
|
||
|
width: 256px;
|
||
|
height: 256px;
|
||
|
background-size: 384px;
|
||
|
transition: all 0.2s ease;
|
||
|
box-shadow: inset rgb(51, 51, 51) 0px 0px 10px 15px;
|
||
|
}
|
||
|
|
||
|
/* &:hover { */
|
||
|
/* background-color: #333; */
|
||
|
/* box-shadow: 0 0 10px 1px rgba(0, 255, 0, 0.5); */
|
||
|
/* transform: scale(1.5); */
|
||
|
/**/
|
||
|
/* & > div { */
|
||
|
/* padding: 32px; */
|
||
|
/* margin: -32px; */
|
||
|
/* } */
|
||
|
/* } */
|
||
|
}
|
||
|
}
|