exciting-aftermath/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonForm.razor.css

26 lines
482 B
CSS

$display-font-sizes: (
1: 5rem,
2: 4.5rem,
3: 4rem,
4: 3.5rem,
5: 3rem,
6: 2.5rem
);
.pokemon-form-container {
position: relative;
aspect-ratio: 3 / 4; /* Maintains card shape dynamically */
background-color: var(--bg-color);
border-width: .5rem;
border-style: solid;
border-radius: 5% / 3.5%;
border-color: var(--border-color);
box-shadow: 0 0 10px var(--border-color);
}
.checkbox-styling {
width: 100px;
height: 100px;
}