.main {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90vh;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.modal-button {
  background-color: #111d5e;
  border:none;
  outline: none;
  border-radius: 10px;
  width:150px;
  height:50px;
  font-weight: bold;
  font-size:16px;
  color:#fff;
  cursor:pointer;
  box-shadow: 5px 5px #444;
}

.modal-button:active {
  box-shadow: 0px 0px;
  transform: translateY(5px);
}