new commit

index.html

@@ -55,16 +55,16 @@
             </div>
             <div class="inputBox" id="radioOpt">
                 <span>Gender</span>
-                <input type="radio" id="male" name="gender" value="male">
+                <input type="radio" class="radiobtn"  name="gender" value="male">
                 <span>Male</span>
-                <input type="radio" id="female" name="gender" value="female">
+                <input type="radio" class="radiobtn"  name="gender" value="female">
                 <span>Female</span>
             </div>
             <div class="inputBox" id="radioOpt">
                 <span>Are you a beginner</span>
-                <input type="radio" id="no" name="beginner" value="yes">
+                <input type="radio" class="radiobtn" name="beginner" value="yes">
                 <span> Yes </span>
-                <input type="radio" id="no" name="beginner" value="no">
+                <input type="radio" class="radiobtn"  name="beginner" value="no">
                <span>No</span>
             </div>
 

style.css

@@ -14,9 +14,11 @@ body {
 }
 input{
   margin-left: 2%;
+  width: 30%;
 }
 span{
   position: relative;
+  font-family:  'Lucida Sans Regular';
   font-size: 130%;
   font-weight: 200;
 }
@@ -47,6 +49,11 @@ span{
   cursor: pointer;
 }
 
+.menutab-item:hover{
+  color: rgb(92, 42, 88);
+}
+
+
 .container {
   display: flex;
   justify-content: center;
@@ -78,7 +85,6 @@ flex-direction: column;
 
 width: 100%;
 height: 100%;
-
 display: flex;
 justify-content: center;
 align-items: center;
@@ -92,21 +98,18 @@ flex-direction: column;
   position: relative;
   margin-left: 30%;
   margin-top: 2.5%;
-  width: 100%;
+  width: 70%;
   color: plum;
 }
 
-#phoneCodesSelect{
-  width: 6%;
-  height: 23px; 
-}
 
 #radioOpt{
 
-display: flex;
-
+ display: flex;
+}
+.radiobtn{
+  width: min-content;  
 }
-
 #registerButton {
   width: fit-content;
   padding: 10px 10px;