body {
  background-color: #3A386F;
  color: white;
  text-align: center;
}

h1 {
  margin-top: 12.5%;
  font-weight: bold;
  font-family: Georgia, sans-serif;
}

.phone {
  width: 20%;
  height: 60%;
  background-color: black;
  margin: 0 auto;
  margin-top: 1%;
  padding: 15px;
  border-radius: 20px;
  min-width: 200px;
  max-width: 250px;
  box-shadow: 10px 10px grey
}
.camera {
  height: 10px;
  width: 10px;
  background-color: white;
  border-radius: 50%;
  margin: 0 auto;
}
.screen {
  margin: 0 auto;
  width: 90%;
  height: 82%;
  background-color: grey;
  margin-top: 8%;
  border-radius: 10px;
}

label {
  width: 25%;
  height: 3%;
  position: relative;
  top: 20px;
  left: 0px;
  font-size: 20px;
  font-weight: bold;
  color: black;
  font-family: Georgia, sans-serif;
}

input {
  margin-top: 20%;
  width: 80%;
  font-size: 18px;
  text-align: center;
}

.button {
  width: 40%;
  height: 8%;
  margin-top: 13px;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 10px;
  font-weight: bold;
}

.results {
  width: 80%;
  height: 52%;
  background-color: grey;
  margin: 0 auto;
  margin-top: 10%;
  color: black;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 18px;
  overflow-y: auto;
  overflow-x: hidden;
  
}