@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit&family=Mukta+Vaani:wght@300&display=swap');

html{
    font-size: calc(0.75em + 1vmin);
}



body{
    background-color: black;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /*centers items on the line (the x-axis by default)*/
    align-items: center; /*centers items on the cross-axis (y by default)*/
    text-align: center;
  }

  h1 {
    font-family: 'Press Start 2P';
    color: white;
}

footer{
    color:white;
    position: absolute;
    bottom: 0;
}

a{
    color:pink;
}


#sentence{
    font-family: 'Kanit', sans-serif;
    font-family: 'Mukta Vaani', sans-serif;
    font-weight: bolder;
    color: white;
}

#generate{
    cursor: pointer;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bolder;
    margin: calc(0.25em + 0.5vmin);
    aspect-ratio: 1;
    border-radius: 50%;
    place-items: center;
    background-color: darkred;
    border: calc(0.75em + 1vmin) solid darkred;
    box-shadow: 0px 2px white;
}

#generate:active{
    transition: all 100ms;
    transform: scale(0.9);
}