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

body
{
	display: flex;
	align-items: center;
	justify-content:center;
	background: url(space-1.jpg)no-repeat center center/cover;
	
    

	
}

.containor
{
 margin-top: 10px;
border: 1px solid white;
min-width: 450px;
max-width: 50%;


padding: 10px; 
border-radius: 20px;
background-color: transparent;
position: relative;
background: url(image-1.jpeg);

}
.containor2
{
border: 4px solid white;
min-width: 420px;
padding: 20px;
border-radius: 10px;
background-color: transparent;
position: relative;

}

.containor header
{
	position: absolute;
	top: 0;
	left: 40%;
	transform: translateX(-50px);
	padding: 10px 20px;
	background-color: white;
	border-radius: 0 0 10px 10px;
}


form
{
margin-top: 60px;
display: flex;
flex-direction: column;
gap: 20px;

}
.name
{
	padding: 10px;
	border: 2px solid white;
    font-size: 18px;
    width: 100%;
    border-radius: 25px;
	outline: none;
	background:white;
}

.button
{
    padding: 10px;
	border: 2px solid black ;
    font-size: 24px;
    width: 100%;
    border-radius: 25px;
	outline: none;
	background-color: red;
    cursor: pointer;
	gap: 20px;
  }



  .button:hover
  {
  	background: green;
  }



.check
{
	margin-right: 15px;
	position: relative;
	font-size: 18px;

}

.checkbox
{
	font-size: 24px;

}

  h3
            {
              color: white; 
            }
            
            h4
            {
                color: black; 
                

            }
	
            .myDiv {
  border: 5px outset pink;
  margin: 5px;
  padding: 5px 5px 5px 5px;
  background-color: pink;
  text-align: justify;
  min-width: 400px;
  
  border-radius: 10px;
}

  .mDiv {
  border: 2px outset pink;
  margin: 5px;
  padding: 5px 5px 5px 5px;
  background-color: pink;
  text-align: justify;
  width:300px; 
  font-size: 18px;
  border-radius: 10px;

}