@view-transition {
  navigation: auto;
}

#donate {
  position: absolute;
  top: 5px;
  left: 5px;
}

.container {
  position: relative; 
}

#first-h {
  font-family: 'Poppins', sans-serif;
  background-color: #5c77f0;
  display: grid; 
  place-items: center;  
  margin: none;
  color:white;
 border-radius: 10px;
  padding: 40px;

}

#second-h {
  font-family: 'Poppins', sans-serif;
  background-color: rgb(226, 223, 223);
  display: grid; 
  place-items: center;  
  margin: none;
  color:black;
}

body {
    background-color:rgb(226, 223, 223);
    min-height: 100vh;
    margin-inline: auto;
    padding: min(5rem, 8%);
    font-family: Poppins;
}

img {
    width:300px;
    align-items: center;
    height:auto;
}

img:hover {
    width:300px;
    align-items: center;
    height:auto;
    cursor:crosshair;
}

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;
}

#taskbar {
    display: flex;
    font-family: Poppins;
}

* {
    margin:0;
}