@font-face {
  font-family: JetBrainsRegular;
  src: url(font/JetBrainsMono-Regular.ttf);
}

body {
    background-color: black;
}

.whole {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 90vh;
    color: whitesmoke;
}

.text {
    font-size: 1rem;
    font-family: 'JetBrainsRegular', monospace;
}

.text:hover {
    color: lightgreen;
    /* transform: translateY(-2px); */
}