@view-transition {
  navigation: auto;
}
.container {
  position: relative; 
}

body {
    background-color:rgb(226, 223, 223);
    min-height: 100vh;
    margin-inline: auto;
    padding: min(5rem, 8%);
    font-family: Poppins;
}
button {
    width:auto;
    height:30px;
    font-family: 'Poppins', sans-serif;
    background-color:#571dcd;
    font-family: 'Poppins', sans-serif;
  color:white;
  border-radius: 5px;
 border: 5px;
  border-color: transparent;
  transition: border-radius 0.25s ease-in-out;
  margin-bottom: 7.5px;
}

button:hover {
    width:auto;
    height:30px;
    font-family: 'Poppins', sans-serif;
    background-color:#571dcd;
    font-family: 'Poppins', sans-serif;
  color:white;
  border-radius: 10px;
  border: 5px;
  border-color: transparent;
    resize: none;
  cursor: pointer;
}

h1 {
    font-size: 4rem;
    margin-bottom: none;
}

a {
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    color:black;
}
* {
    margin:0;
}

#rea {
    background-color: #571dcd;
    color:white;
    min-width: 250px;
    min-height:  270px;
    width: 250px;
    height: 270px;
    border-radius: 15px;
    scrollbar-width: none; 
}

#row {
    width: 17px;
    height: 18px;
    background-color: #571dcd;
    color: white;
    border: 0;
}

#row::placeholder {
    color: rgba(255, 255, 255, 0.644);
}