html,
body {
  font-family: sans-serif;
   position: fixed;
   overflow: hidden;


  
}

/* Make content area fill the entire browser window */
html,
.fullscreen {
  display: flex;
  height: 100vh;
  margin: 0;
  padding: 0;
  width: 100vw;
}

.background {
	color: #F0F0F0;	/* must be in a good contrast to background image */
  background-color: #62D2A2;
  background-size: cover;


}

/* Center the content in the browser window */
.container {
  margin: auto;
  text-align: center;
}

.bigbutton{
  height: 80px;
}
.overlay {
    z-index: 16777271;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.8);
}

.overlay-inner {
    height: 50%; /* Set your own height: percents, ems, whatever! */
    width: 50%; /* Set your own width: percents, ems, whatever! */
    overflow: auto; /* Recommended in case content is larger than the container */
    margin: auto; /* Center the item vertically & horizontally */
    position: absolute; /* Break it out of the regular flow */
    top: 0; left: 0; bottom: 0; right: 0; /* Set the bounds in which to center it, relative to its parent/container */
}

.overlay-inner form {
    padding: 20px;
    background: white;
    color: black;
}

.overlay-inner form a {
    color: #62D2A2;
    font-size: 2em;
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
    display: block;
}

#closersender {

margin-top: 1%;
margin-bottom: 1%; 
margin-left: 20%; 
width: 60%


}

#textinputer {

margin-top: 1%;

}

.btn-custom{

background-color: #62D2A2 !important;
border-color: #F0F0F0 !important;
color:#F0F0F0;
min-height: 50px !important;
margin: 1%;

}