@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

body {background-color: rgb(25,25,25)}
* {font-family: "Inter", sans-serif;text-transform: uppercase;color: white;transition: all 0.3s; overflow: hidden;}
.large-text {font-size: 48px}
.big-text {font-size: 32px;}
.medium-text {font-size: 16px;}
small-text {font-size: 8px;}
textarea {resize: none;width: 100%;height: 50%;text-align: center;font-size: 48px;background-color: rgb(255,255,255,0.1);border-style: none;outline-width: 0;border-radius: 1rem;}
textarea:active {background-color: rgb(255,255,255,0.3);}
button {text-align: center;color:white;background-color: rgb(255,255,255,0.1);margin-top: 5%;height: 25%;width: 100%;border-style: none;border-radius: 1rem;}
button:active {background-color: rgb(255,255,255,0.3);}
.wrapper {display: flex;justify-content: center;height: 100vh;overflow: hidden;}
.container {display: inline;justify-content: center;align-items: center;text-align: center;height: 100%; width: 25rem;}