form {
	text-align: left;
	width: fit-content;
	margin:60px auto;
}
.reg {
	text-align: center;
	margin-top:60px;
}
label, input, select, textarea {
	display: block;
	width: 100%;
	max-width: 400px;
}
label {
	font-weight: bold;
	margin: 5px 0;
}
input, select {
	margin-bottom: 10px;
	padding: 5px 5px;
	font-size: inherit;
	border: #737373 1px solid;
	border-radius: 0 0 10px 0;
}
.extra-input {
            display: none; /* Az alapértelmezett állapot: rejtve */
        }
input[type="checkbox"] {
	cursor: pointer;
	width: 20px;
    height: 20px;
}
.checkB {
	margin: 30px 0 40px;
	font-weight: normal;
	width: inherit;
	display: inline;
	vertical-align: middle;
}


input[type="submit"] {
	cursor: pointer;
}

input[type="radio"] {
	cursor: pointer;
}
.radioB {
	font-weight: normal;
	width: inherit;
	display: inline;
	vertical-align: middle;
}




	.reg h1 {
      position: relative;
	  width: fit-content;
	  margin-left: auto;
      margin-right: auto;
    }

    .reg h1::before,
    .reg h1::after {
      content: "";
      position: absolute;
      top: -60px;
	  z-index: -1;
    }

    .reg h1::after {
      left: -50px;
      width: 60px;
      height: 60px;
      background-color: #2bbcd6;
      border-radius: 50%;
    }

    .reg h1::before {
      left: -50px;
      width: 180px;
      height: 180px;
      background-color: #c3baaa;
	  opacity: 30%;
      border-radius: 50%;
    }
	
	.reg {
		padding: 40px 0 40px 0;
	}