:root {
  --white_v: #DFF3E4;
  --white:  white;
  --blue: #3423A6;
  --black: #171738;
}


html, body {
    overflow: hidden;
    /*width: 100%;*/
    /*height: 100%;*/
    /*height: 300px;
    width: 300px;*/
    margin: 0;
    padding: 0;
    background: black;
}
body {
    height: 300px;
    width: 300px;
}

.ariel {
    font-family: Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'pressstart'; /*a name to be used later*/
    src: url('../assets/fonts/pressstart.ttf'); /*URL to font*/
}

.button {
    display: inline-block;
    padding: 10px 24px;
    margin: 10px;
    cursor: pointer;
    background: var(--black);
    color: white;
    border-radius: 100px;
    font-size: 22px;
}
.button:hover {
    background: #3423A6;
}