From b0aea7c8f95af9e52a97c267aec0bf3a340fb1ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eyl=C3=BCl=20=C3=96zatman?= <eylulozatman@gmail.com>
Date: Sat, 18 Nov 2023 23:53:50 +0300
Subject: [PATCH] new commit

---
 index.html |  8 ++++----
 style.css  | 21 ++++++++++++---------
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 521e7b9..5d090b3 100644
--- a/index.html
+++ b/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>
 
diff --git a/style.css b/style.css
index 20ad5cb..6e129aa 100644
--- a/style.css
+++ b/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;