canvas {
  display: block;
  position:fixed;
  width: 100vw;
  height: 100vh;
  top:0;
  left:0;
  bottom: 0;
  z-index:-1;
}
html,body{
    align-items:center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.title{
    font-family: 'Times New Roman', Times, serif;
    align-content: center;
    text-align: center;
    justify-content: center;
    display: flex;
    font-size: 40px;
}
.container{
    margin:20px;
    padding:20px;
    height: 50vmin;
    width:80vmin;
    border:1px solid black;
    border-radius: 30px;;
    background-color:rgb(240, 251, 255)
}
.generator{
    margin:10px;
    padding:10px;
    height: 20vmin;
    width:70vmin;
    border:0.5px solid black;
    border-radius:10px;
    background-color: rgb(132, 240, 238);
}
.output{
    display:inline-block;
    margin-left:10px;
    padding:10px;
    width:50vmin;
    height:20px;
    border:0.4px solid black;
    border-radius: 20px;
    background-color: white;
}
.btn{
    background-color: aliceblue;
    border:0.2px solid black;
    border-radius: 10px;
    background-color: rgb(142, 229, 11);
    cursor:pointer;
}
.rebtn{
    background-color: aliceblue;
    border:0.2px solid black;
    border-radius: 10px;
    color:white;
    background-color: rgb(47, 59, 237);
    cursor:pointer;
}