body{
  background-color:#121212;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Open Sans", sans-serif;
}
.card{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color:#1E1E1E;
  padding: 30px;
  width:300px;
  min-height: 250px;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
h1{
  text-align: center;
  color:white;
  font-size: 50px;
  margin-bottom: 20px;
}
.buttons{
  margin-top: 30px;
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
button{
  background-color:#FF4C4C;
  color:white;
  border:none;
  padding:10px 20px;
  border-radius: 10px;
  font-size: 17px;
  transition: transform 0.2s, opacity 0.2s;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
}
h2{
  color: #FF4C4C;
}
button:hover{
  opacity: 0.8;
  transform:scale(1.05);
}