:root {
  --bg-color: rgb(20, 20, 20);
  --card-color: rgb(23, 23, 23);
}

body {
  align-items: center;
  background-color: var(--bg-color);
  display: inline;
  height: 100vh;
  justify-content: center;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  text-align: center;
}



/* -- ↓ ↓ ↓ extra card content styles ↓ ↓ ↓ -- */

h1, h2, h3, h4, span {
    color: rgb(240, 240, 240);
    font-family: "Cascadia Code", sans-serif;
    font-weight: 400;
    margin: 0px;
    text-align: center;
}

i {  
  color: rgb(240, 240, 240);
}



@font-face {
    font-family: 'Cascadia Code';
    src: url('fonts/CascadiaCode.eot');
    src: url('fonts/CascadiaCode.eot?#iefix') format('embedded-opentype'), url('fonts/CascadiaCode.woff2') format('woff2'), url('fonts/CascadiaCode.woff') format('woff'), url('fonts/CascadiaCode.ttf') format('truetype'), url('fonts/CascadiaCode.svg#Cascadia Code') format('svg');
}