body {
    padding: 0;
    margin: 0;
    background-image: url('../img/milkyway.jpg');
    background-size: 100% 100% ;
}
.wrapper {
    opacity: 0.70;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-image:  linear-gradient(to bottom right, black, rgb(0, 0, 174));
}
.content {
text-align: center ;
text-transform: uppercase;
position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  
  font-size: 20px;
  padding: 5px;
  z-index: 100;
}

.title {
    color: white;
    text-transform: uppercase;
    font-size: 30px;
    font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.subtitle {
    color: white;
    text-transform: capitalize;
    font-size: 20px;
    font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}