You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

47 lines
742 B
CSS

2 years ago
@font-face {
font-family: Consolation;
src: url('./fonts/Consolation014.woff') format('woff');
font-weight:normal;
}
body {
font-family: Consolation;
text-transform: uppercase;
letter-spacing: 1.5;
}
2 years ago
.card
{
2 years ago
width: 8.5cm;
height: 8.5cm;
2 years ago
border: solid 1px black;
float: left;
margin: 2mm;
position: relative;
border-radius: 100%;
text-align: center;
2 years ago
break-inside: avoid;
2 years ago
}
.card > img {
2 years ago
width: calc(100% - 1mm - 1mm);
2 years ago
position: absolute;
top: 0;
left: 0;
}
2 years ago
p {
position: absolute;
margin: 2mm;
width: 100%;
2 years ago
font-family: 'Consolation';
2 years ago
}
p.down {
2 years ago
bottom:0;
font-family: 'Consolation';
2 years ago
margin: 0 0 2mm;
2 years ago
}
2 years ago
.up{
margin: 2mm 0 0 0;
}