body {
  background: linear-gradient(0deg, #454545 0%, 75%, #1f1f1f 100%);
}

a, p, span {
  color: white;
}




form {
  display: flex;
  flex-direction: column;
  padding: 15;
}

footer {
  position: absolute;
  bottom: 0; 
  width: 100%; 
  display: flex;
}


#text {
  margin-bottom: 20;
  border: solid;
  border-radius: 15;
  border-radius: 0;
  padding: 10;
  background-color: #e5e5e5;
}

.form {
  text-align: center;
  padding-top: 2vh;
}

.formcontainer {
  flex: 1; 
  border: solid; 
  border-color: white; 
  border-radius: 20px; 
  border-width: 2px; 
  margin: 10vh 15vw 0 15vw;
}

#mailinks {
  font-size: 25;
}


#iconsm {
  height: 80;
}

.icontainer {
  display: flex;
  justify-content: space-between;
  margin: 30 50 20 50;
}

.hidden {
  display: none;
}

#messageContainer {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  z-index: 999;
  margin-left: 15rem;
}

.submit > p {
  font-size: 15vh;
}

.headtitle {
  display: none;
}

input::placeholder {
  width: 100%;
  
}

input[type=text] {
  font-size: 2vh;
}

input[type=email] {
  font-size: 2vh;
}

textarea[name=Message] {
  font-size: 2vh;
  font-family: Roboto;
}

button[type=submit] {
  font-size: 2vh;
}

.firstphrase {
  font-size: 5.2vh;
  font-variant: small-caps; font-weight: 100;
}

.secphrase {
  font-size: 3.6vh;
  font-variant: small-caps; font-weight: 100;
}

@media screen and (max-width: 1030px) {

  .firstphrase {
    font-size: 4vh;
  }

  .secphrase {
    font-size: 2vh;
  }

  .mailboxes {
    flex-direction: column;
  }

  .headtitle {
    display: block;
  }

  .formcontainer {
    margin: 8vh 5vw 0 5vw;
  }
}