UI semi finalizat

HTML UI/USER/css/share_file.css

@@ -126,7 +126,7 @@ button:hover{
     color: white;
 }
 
-.choose_user_form_title{
+.security_level_form_title{
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
@@ -134,11 +134,11 @@ button:hover{
     align-content: start;
 }
 
-.choose_user_form_title hr{
+.security_level_form_title hr{
     width: 40%;
 }
 
-.choose_user_form_content{
+.security_level_form_content{
     display: flex;
     margin: 1rem 7rem 2rem 0.5rem;
     flex-direction: column;
@@ -153,20 +153,20 @@ button:hover{
     font-weight: bold;
 }
 
-.choose_user_form_content::-webkit-scrollbar {
+.security_level_form_content::-webkit-scrollbar {
     width: 10px; /* Reduced width of the scrollbar by 2px */
 }
 
-.choose_user_form_content::-webkit-scrollbar-track {
+.security_level_form_content::-webkit-scrollbar-track {
     background: #1B1A55; /* Updated track color */
 }
 
-.choose_user_form_content::-webkit-scrollbar-thumb {
+.security_level_form_content::-webkit-scrollbar-thumb {
     background: #535C91; /* Updated handle color */
     border: 2px solid #1B1A55; /* Adding a border to effectively reduce the thumb size */
 }
 
-.choose_user_form_content::-webkit-scrollbar-thumb:hover {
+.security_level_form_content::-webkit-scrollbar-thumb:hover {
     background: #555; /* Updated handle color on hover */
 }