body {
    text-align: center;
    justify-content: center;
    color: white;
    background-color: black;
    text-transform: lowercase;
    background-color: #0d0d0f;
    background-image: url("assets/my-little-plaid-dark.png");
}

.bitcount-prop-single {
  font-family: "Bitcount Prop Single", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0;
}


.doto {
  font-family: "Doto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings:
    "ROND" 0;
}

.mess {
    color: green;
}

.explain {
    width: 50%;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 10px;
}

.bg-gray {
    background-color: #232323;
}

.bg-dark-gray{
    background-color: #202020;
}

.bg {
    background-image: linear-gradient(to right, #FFFFFF 5px,#00966E 30%, #D62612);
    color: transparent;
    background-clip: text;
}

.hobbies {
    display:block;
    margin:auto;
    width:50%;
    border-radius: 10px;
    padding:5px;
}

a {
    color: hotpink
}