@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@100&family=Roboto+Condensed:ital,wght@1,300&display=swap');
*{
     margin: 0%;
     padding: 0%;
     box-sizing: border-box;
     font-family: 'Playpen Sans', cursive;
     font-family: 'Roboto Condensed', sans-serif;
}


body{
     /* background-color: black; */
     transition: 2s;
}

.main{
     width: 100%;
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
}

.container{
     width: 50rem;
     padding: 10px;
     border-radius: 15px;
     text-align: center;
     background-color: white;
     font-size: 40px;
}

button{
     font-size: 40px;
     display: block;
     width: 100%;
     border: none;
     background-color: black;
     color: white;
     border-radius: 10px;
}