body{
padding:0;
margin: 0;
}
.center {
margin: auto;
width: 60%;
padding: 10px;
}
.container{
height: auto;
left: 37%;
}
input[type="checkbox"]{
display: none;
}
input[type="radio"]{
display: none;
}
.radiobt{
position: relative;
color: #01cc65;
font-family: 'Poppins', sans-serif;
font-size: 15px;
border: 2px solid #01cc65;
border-radius: 5px;
padding: 10px 50px;
display: inline-block;
margin-bottom: 4px;
align-items: center;
cursor: pointer;
}
/* Radio */
input[type="radio"]:checked + .radiobt{
background-color: #01cc65;
color: white;
}
input[type="radio"]:checked + .radiobt:before{
height: 16px;
width: 16px;
border: 10px solid white;
background-color: #01cc65;
}
/* checkbox */
.checkbx{
position: relative;
color: #01cc65;
font-family: 'Poppins', sans-serif;
font-size: 16px;
border: 2px solid #01cc65;
border-radius: 5px;
padding: 10px 50px;
display: flex;
align-items: center;
cursor: pointer;
}
.checkbx:before{
}
input[type="checkbox"]:checked + .checkbx{
background-color: #01cc65;
color: white;
}
input[type="checkbox"]:checked + .checkbx:before{
height: 16px;
width: 16px;
border: 10px solid white;
background-color: #01cc65;
}
input:focus {
background-color: yellow;
}
#emptype{
width: 100%;
}
function text(x){
if (x == 0) document.getElementById("otherhideshow").style.display = "block";
else document.getElementById("otherhideshow").style.display = "none";
return;
}
function text1(x){
if (x == 2) document.getElementById("otherhideshowch").style.display = "block";
else document.getElementById("otherhideshowch").style.display = "none";
return;
}
Interested Work Area
Option One
Option Two
Option One
Option Two
Other
What is your profile
Employment type
Full-Time
Part-Time
none
student
Personal Details
Full Name
Current employment status
Option One
Option Two
Option One
Option Two
Other
