* {
    margin: 0;
    padding: 0;
    box-sizing: 0;

}
html {
    scroll-behavior: smooth;

}
body {
    background-color: rgb(157, 189, 189);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: large;
  }
video{
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 0;

}
h1 {
  text-align: center;
}
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}
form {
padding: 02%;
margin: 0%;
border:5px solid #111;
border-radius: 10px;
background-color: #002aff4c;
position: relative;
margin: 0 auto;
text-align: center;
}
input {
  display: block;
  margin: 0.5%;
  width: 80%;
  padding: 2%;
  border: 10x solid green;
  border-radius: 10%;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
textarea {
  display: block;
  margin: 0.5%;
  width: 80%;
  padding: 2%;
  border: 10px thick green;
  border-radius: 10%;
  text-align: center;
  position: relative;
  margin: 0 auto;
}

/* @media screen and (max-width:1000px){ */
  #grid {
    grid-template-columns: 1fr 1fr;

  }
  

  
/* } */

.button-85 {
  padding: 0.6em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  background: #111;
  cursor: pointer;
  position: relative;
  margin: 0 auto;
  z-index: 0;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  width: 40%;
  touch-action: manipulation;
  
}

.button-85:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.button-85:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 10px;
}