apex_lottery/css/app.css

50 lines
845 B
CSS

/* CSS Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face {
font-family: apex;
src: url("../font/Apex-Regular.ttf");
}
body {
font-family: 'apex', sans-serif;
}
/* Category Container styles */
.category-container {
width: 30%;
margin-top: 20px;
display: flex;
flex-direction: row;
align-items: center;
}
/* Legend Mosaic styles */
.legend-item {
text-align: center;
padding: 10px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f9f9f9;
margin-bottom: 10px;
width: 100px;
height: 150px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.legend-item img {
max-width: 100%;
height: auto;
border-radius: 50%;
}
.legend-item p {
margin: 0;
font-weight: bold;
}