@import url('https://fonts.cdnfonts.com/css/google-sans');

* {
  font-family: 'Product Sans', sans-serif;
}

h1 {
  font-size: 2.5rem;
}

p {
  color: darkblue;
  font-size: 1.8rem;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 5px auto;
  padding: 15px;
  color: black;
  border: 2px solid black;
  background-color: rgba(255, 255, 255, 0.6);
  max-width: 900px;
  height: 280px;
}

button {
  border: 1px solid black;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: white;
  transition: 0.2s;
}

button:hover {
  border: 1px solid #00cec9;
  background-color: #81ecec;
}


.slop::file-selector-button {
  border: 1px solid black;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: white;
  transition: 0.2s;
}

.slop::file-selector-button:hover {
  background-color: #81ecec;
  border: 1px solid #00cec9;
}