body {
    background: linear-gradient(60deg, #014115 0%, rgb(0, 95, 107) 100%);
    color:white;
  }
  .F1 {
    font-family: 'Forte';
    letter-spacing: 2px;
    font-size:58px;
  }
  .F2 {
    font-family: 'Bahnschrift Light';
    letter-spacing: 2px;
    font-size:48px;

  }
  h1 {
    letter-spacing: 2px;
    font-size:58px;
  }
  p {
    font-family: 'Lato';
    letter-spacing: 1px;
    font-size:14px;
    color: #333333;
  }

  .wave {
    color: rgb(60, 140, 143);
    right: 0.1px;
    overflow: hidden;
    position:fixed;
    bottom:0.1px ;
    width: 100%;
    margin-bottom:-9px;
    height: 20%;
  }

  .waves {
          width: 100%;
          height:75px;
        }

  /* Animation */

  .parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  }
  .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
  }
  .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
  }
  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
  }
  .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
  }
  @keyframes move-forever {
    0% {
      transform: translate3d(-90px,0,0);
    }
    100% {
      transform: translate3d(85px,0,0);
    }
  }
 

/*
#########################################
*/
:root {
	/* COLORS */
	--white: #e9e9e9;
	--gray: #333;
	--blue: #0367a6;
	--lightblue: #008997;

	/* RADII */
	--button-radius: 0.7rem;

	/* SIZES */
	--max-width: 758px;
	--max-height: 420px;

	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
		Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

p{font-size:1.2rem}
.container {
	background-color: var(--white);
	border-radius: var(--button-radius);
	box-shadow: 0 0.9rem 1.7rem rgba(0, 0, 0, 0.25),0 0.7rem 0.7rem rgba(0, 0, 0, 0.22);
	height: auto;
  margin-bottom: 3rem;
  width:30rem;
  max-width:85vw;
  margin-top: 2%;
  text-align:center;
  padding-bottom:0.3rem

}
.input,input{
  margin-top: 0.001rem;
  margin-bottom:0.01rem
  height: 1.5rem;
  border-radius:0.4em;
  width:70%;
  font-size: large;
  border:solid 1px var(--lightblue);

}

.btn {
	background-image: linear-gradient(90deg, var(--blue) 0%, var(--lightblue) 74%);
	border-radius: 5px;
	color: var(--white);
	font-size: 1rem;
	font-weight: bold;
	padding: 0.1rem;
  margin:0.0001rem 0.7rem 0.1rem 0.7rem;

}
.btn:hover {
	font-size: 1.1rem;
}
.inner-header{
 margin: 0.8rem;
}

.errorlist{color:red;}
/* Small screens */
@media only screen and (max-width: 720px) {
  .F1 {font-size:38px;}
  .F2 {font-size:28px;}
  .container {
    width:97vw;
    }
}

.logo_svg{
width:14%; height:;border-radius:50%;padding:0.1px;margin-top:2%
}
.logo_svg_g{
fill:#fff
}

@media only screen and (max-width: 720px) {
.logo_svg{
width:40%;margin-top:4%
}

.container {
  margin-bottom: 5rem;
  width:95%;
  margin-top: 2%;
}

}