@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body {
  background: black;
	color: white;
  font-family: 'Montserrat', sans-serif;
  overflow: hidden;
}
 .input {
   color: white;
   background-color: gray;
      width: 250px;
      transition: 1s;
      text-align: center;
       height: 48px;
   border-radius: 20px;
      border-style: solid;
      border-width: 2px;
      font-family: 'Roboto', sans-serif;
    }

    .input ::placeholder {
      font-family: 'Montserrat', sans-serif;
      color: white;
    }

    .input:focus {
      width: 350px;
    }
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--bg-c);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
		overflow: hidden;
}
.header {
	top: 0%;
	right: 0%;
	margin: 20px;
	position: absolute;
		overflow: hidden;
}
.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
		font-family: 'Montserrat', sans-serif;
}

footer {
    margin-top: auto;
    width: 93%;
    align-self: center;
    height: 80px;
    display: flex;
    justify-content: left;
    align-items: center
  
}

footer a,
footer span {
    margin: 0 15px;
    text-decoration: none;
    color: #FFF;
    font-size: 15px;
}

footer a {
    cursor: pointer;
}

footer a:hover {
    text-decoration: underline;
}

form {
    display: flex;
    justify-content: center;
}