#SS-Table163 {
    overflow: auto;
    align-self: center;
    align-content: center;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 10px;
  background-color: rgba(29, 53, 73, 0.5);
}

#SS-Table163 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px; 
}

#SS-Table163 td {
    padding: 15px 5px 0 5px; 
    text-align: center;
border-bottom: 1px solid #12536d;
    vertical-align: middle; 

}



	 	    #SS-DataTitle3{

	padding: 5px 5px;
    font-size: 1rem;
text-align: center;
font-family: 'Montserrat', sans-serif;
   width: 20%;
max-height: 22px;
   color: #25a7da;
   font-size: 17px;
     }


    #SS-DataHeading163{  
	
font-size: 18px;

  text-align: center;
font-family: 'Montserrat', sans-serif;
   color:  white;
  }
    #SS-DataHeading{  
	
font-size: 25px;

  text-align: center;
font-family: 'Montserrat', sans-serif;
   color:  white;
  }
.flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	margin: 10px;
	align-content: center;
	justify-content: center;
}
#SS-Data3 {  
    font-size: 15px;
    text-align: center;
font-family: 'Comfortaa', sans-serif;
    color:  white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 
}
.SS-Form22 {
	width: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 padding-bottom:10px;
  margin: 20px 0;
background: linear-gradient(45deg, #2b506e, #4682b4);



}

/* Track */
#SS-Table163::-webkit-scrollbar {
    width: 8px; /* Adjust the width as needed */
    background-color: #333; /* Background color for the scrollbar track */
}

/* Handle */
#SS-Table163::-webkit-scrollbar-thumb {
    background-color: #666; /* Color of the scrollbar thumb */
    border-radius: 4px; /* Rounded corners for the thumb */
}

/* Handle on hover */
#SS-Table163::-webkit-scrollbar-thumb:hover {
    background-color: #888; /* Color of the scrollbar thumb on hover */
}
/* Track */
#SS-Table::-webkit-scrollbar {
    width: 8px; /* Adjust the width as needed */
    background-color: #333; /* Background color for the scrollbar track */
}

/* Handle */
#SS-Table::-webkit-scrollbar-thumb {
    background-color: #666; /* Color of the scrollbar thumb */
    border-radius: 4px; /* Rounded corners for the thumb */
}

/* Handle on hover */
#SS-Table::-webkit-scrollbar-thumb:hover {
    background-color: #888; /* Color of the scrollbar thumb on hover */
}
.row{
	display: flex;
	flex-direction: row;
	 gap: 15px;
	align-items: center;
	
}

.SS-image171{
	width: 210px;
	height: 200px;
	margin: 5%;
	border: 1px solid grey;
}

 	#SS-login{
	left: 50%;
  
	} 
  #SS-register{
		    left: 200%; /* Center register form */
    transform: translateX(-50%); 
		
	}
.SS-body{
	margin: 0;
	background-image: linear-gradient(to bottom, #0f1b24, #0f1b24,#0f1b24,#0f1b24,#0f1b24,#004d66,  #00bfff);

	padding-bottom: 100px;
	padding-top:40px;

}
.SS-BoxL{

 position: relative; 
	 background-color:#172836;
	    margin: 0px auto;
	  height: 330px;
	 width: 100%;

 padding:30px 15px;

   color: #FDB931;
   overflow:hidden;
  


   }
   

   .SS-ButtonBox21{
	   width: 210px;
	margin: auto;
	   position: relative;
	   box-shadow: 1px 1px 20px #006080;
	   border-radius: .5em;
	   
   }
   .SS-toggle-btn21{
	
	   padding: 10px 30px;
	   cursor: pointer;
	   background: transparent;
	   border: 0;
	   outline: none;
	   position: relative;
	   color: white;
	 
   }
#SS-btn21{
	left:0;
	right: 0;
	  font-family: 'Comfortaa', sans-serif;
	   position: absolute;
	  width: 100px;
	   height:100%;
	   background-color: rgba(255, 255, 255, 0.3);
	   border-radius: .5em;
	   transition: .5s;
	   border: 1px solid #00bfff;
   }

.SS-submit-btn21 {
	font-family: 'Comfortaa', sans-serif;
	font-size: 20px;
  width: 70%;
  padding: 10px 30px;
  cursor: pointer;
  display: block;
  margin: auto;
  margin-top: 50px;
border: none;
background-color:#00BFFF;
  outline: none;
  border-radius: .5em;
  color: white;
}
.SS-submit {
	 padding: 7px 20px;
	 background: #00BFFF;
  color: white;
  border: none;
  cursor: pointer;
   border-radius: 30px;
	font-size: 20px;
	width: 30vw;
font-family: 'Vollkorn SC', serif;
 
}
#SS-Error{
	
	margin: 60px 0 -50px 0;
    font-size: 20px;
width: 100%;
text-align: center;
	font-family: 'Montserrat', sans-serif;
	color: white;


  }

     #SS-Welcome21{
		 text-align: center;
    font-size: 20px;

 padding:20px 5% 5px 5%;
 font-weight:lighter;
font-family: 'Montserrat', sans-serif;

color: white;
  }


.SS-submit-btn21-2{
	width:150px;
	padding: 10px 30px;
	cursor: pointer;
	display:block;
	margin: auto;
	margin-top: 50px;
	border: 0;
	  background: linear-gradient(to right ,#4d1400,  #ff4400);
	  outline: none;
	  border-radius: 30px;
	  color: white;
}
#SS-input-field20{
	font-family: 'Cardo', serif;
	width: 370px;
	padding: 30px 10px;

	
	border: 1px solid #999;
	outline: none;
	background-color: white;
	height: 50px;
	color: black;
	font-size: 1rem;

}

.SS-input-group{
	top: 100px;
	position: absolute;
	width: 280px;
	transition: .5s;
}
.SS-input-group34{
 position: absolute;
    left: 50%;
    top: 50%; /* Adjust this value as needed to vertically center it */
    transform: translate(-50%, -50%);
    width: 280px;
    transition: .5s;
}

.SS-input-group1-20{
	top: 120px;
	position: absolute;
	width: 280px;
	transition: .5s;
	margin-right: 2%;
	margin-left: -30px;

}
.SS-input-group2-20{
	top: 120px;
	position: absolute;
	width: 280px;
	transition: .5s;
	margin-right: 2%;
	margin-left: -30px;
	margin-top: -45px;

}
.SS-input-group3-20{
	top: 95px;
	position: absolute;
	width: 280px;
	transition: .5s;
	margin-right: 2%;
	margin-left: -30px;
	margin-top: -45px;

}
  .SS-bottom-fixed-container {
	  gap: 70px;
	  height: 150px;
	  display: flex;
	  flex-direction: row;
        position: fixed;
		justify-content: center;
		align-items: center;
        bottom: 0;
        left: 0;
        right: 0; /* This will make it span the entire width of the screen. */
        background-color: #16425B;
        padding: 10px; 
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1); 
        z-index: 9999; /* This ensures the container remains above other elements. */
    }

  #SS-SelectChoice20{
	text-align-last: left;
	margin-top: 5%;
	width: 107%;
	background-color:  white;
	padding: 2% 5%;
	color: black;
	border-radius: .7em;
	border: none;
font-family: 'Lora', serif;
	font-size: 18px;
	
	outline: solid grey 1px;
}
.SS-input-field3{
	width: 100%;
	padding: 30px 0;
	margin: 1px 0;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #999;
	outline: none;
	background: transparent;
	margin-top: 2px;
	
}
.SS-input-field2{
	width: 100%;
	padding: 50px 0;
	margin: 5px 0;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #999;
	outline: none;
	background: transparent;
	margin-top: 20px;
	
}
.SS-input-field21::placeholder {
  color: grey;
 font-family: 'Montserrat', sans-serif;
}
.SS-input-field21{
	width: 100%;
	padding: 5px 0;
	margin: 5px 0;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid white;
	outline: none;
	background: transparent;
	margin-top: 20px;
	color: white;
	 font-family: 'Montserrat', sans-serif;
	 font-size: 15px;
	
	
}

.SS-input-field20{
	width: 100%;
	padding: 10px 10px;
	margin: 5px auto;
border: 1px solid #16425B;
	border-radius:1em;
	background: white;
	margin-top: 5px;


	
}


.SS-MainBox152Articles{
padding-top:70px;
	margin: -2%;

	background-color: #c585B3;
	padding-bottom: 400px;
		display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	


}
      			#SS-Menu163-2{

		border:none;
        background-color: transparent ;
        background-position: 10px 10px;
        color:black;
	font-family: 'Montserrat', sans-serif;
		
        justify-content: center;
        padding: 30px 26%;
        text-align: center;
        font-weight: bold;
        font-size: 25px;
       
        cursor: pointer;
        vertical-align: center;
        border-radius: 1em;
        opacity: 2;
        
        width:200px;
        display: flex;
      
        touch-action: manipulation;
       
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        }


   		

   .SS-column163{
	   display: flex;
	   flex-direction: column;
	   color: black;
	   width: 100px;
	   border: 1px solid black;
	   
   }

  
#SS-SecondRow163{
font-family: 'Cardo', serif;
	margin-top: 5px;
}




.SS-submit-btn3{
	width:200px;
	padding: 10px 30px;
	cursor: pointer;
	display:block;
	margin: auto;
	margin-top: 50px;
	border: 0;
	  background: linear-gradient(to right, #2f6690, #A53860);
	  outline: none;
	  border-radius: 30px;
	  color: white;
}

      .SS-toggle-btn15-2{
	   padding: 10px 12px;
	   cursor: pointer;
	   background: transparent;
	   border: 0;
	   outline: none;
	   position: relative;
	   color: black;
	   
   }


#SS-Table163 tr {
	
    height: 40px !important;
}
#SS-Table163 tr {
	
    height: 40px; 
    overflow: hidden; /* This will hide content that spills out, for testing purposes */
}
#SS-Table163 td {

    height: 40px; 
    overflow-y: auto;
    max-height: 40px; 
    vertical-align: top; 
}
.cell-content {
	 width: 150px;  
    max-height: 40px;  
    overflow-y: auto;  /* Adds a vertical scrollbar when the content exceeds the max-height */
   font-size: 15px;
    word-wrap: break-word;
}

th.wide-cell {
    width: 150px;  
}

 


    #SS-DataHeading21{  
	
font-size: 15px;
  text-align: center;
font-family: 'Lora', serif;
   color:  white;
  }
.SS-Form {
 background-color: rgba(29, 53, 73, 0.5);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;

}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
background-color: rgba(43, 80, 110, 0.8);
  display: flex;
  justify-content: space-around;
  align-items: center;
}


.custom-file-upload:hover {
    background-color: #005bb5;
}

/* Hide the default file input element */
#file-upload {
    display: none;
}
.SS-input29::placeholder {
  color: #24435c;
 font-family: 'Montserrat', sans-serif;
}
.SS-input29{
	width: 80vw;
	padding: 10px 0;
	margin-top: -10%;
	border: none;
	border-radius: .5em;
	outline: none;
	background: white;

	color: black;
	 font-family: 'Vollkorn SC', serif;
	 font-size: 18px;
	 text-align: center;
	
}
.SS-input29-2::placeholder {
  color: #24435c;
 font-family: 'Montserrat', sans-serif;
}
.SS-input29-2{
	width: 80vw;
	padding: 10px 0;
	margin: 15px 0;
	border: none;
	border-radius: .5em;
	outline: none;
	background: white;
	margin-top: 20px;
	color: black;
	 font-family: 'Vollkorn SC', serif;
	 font-size: 18px;
	 text-align: center;
	
}
 #SS-SelectChoice20{
	text-align-last: center;
	margin-top: 2%;
	min-width: 80%;
	max-width: 80%;
	background-color:  white;
	padding: 10px 20px;
	color: grey;
	border: none;
		border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #999999;
font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	margin-bottom: 5%;

}
.SS-input::placeholder {
  color: #24435c;
font-family: 'Montserrat', sans-serif;
}

.SS-input{
	width: 22vw;
	padding: 10px 0;
	margin: 15px 0;
	border: none;
	border-radius: .5em;
	outline: none;
	background: white;
	margin-top: 20px;
	color: black;
	font-family: 'Vollkorn SC', serif;
	 font-size: 18px;
	 text-align: center;
	
}
.SS-input2::placeholder {
  color:#24435c;
font-family: 'Montserrat', sans-serif;
 font-size: 15px;
}
.SS-input2{
	width: 22vw;
	padding: 10px 0;
	margin: 15px 0;
	border: none;
	border-radius: .5em;
	outline: none;
	background: white;
	margin-top: 20px;
	color: black;
	font-family: 'Vollkorn SC', serif;
	 font-size: 25px;
	 text-align: center;
	
}
.navbar {
  position: fixed;
  top: 0; /* Stick it to the top of the screen */
  left: 0;
background-color: rgba(43, 80, 110, 0.8);
  width: 100%;
  padding: 10px 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}


.SS-MenuItem {
    color: white;            
    background-color: transparent; 
   outline: none;
   border: none;
 font-family: 'Montserrat', sans-serif;
    padding: 10px 20px;      
    font-size: 15px;       
    cursor: pointer;         
    transition: 0.3s;       
}
#SS-Error21{
	
	margin-top:10px;
	padding: 5% 0;
    font-size: 20px;
width: 100%;
text-align: center;
	font-family: 'Montserrat', sans-serif;
	color: white;


  }
#SS-Error{
	
	margin: 60px 0 -50px 0;
    font-size: 20px;
width: 100%;
text-align: center;
	font-family: 'Montserrat', sans-serif;
	color: white;


  }

     #SS-Welcome21{
		 text-align: center;
    font-size: 20px;

 padding:20px 5% 5px 5%;
 font-weight:lighter;
font-family: 'Montserrat', sans-serif;

color: white;
  }
    #SS-Total{
		 text-align: center;
    font-size: 25px;

 padding:20px 5% 0 5%;
 font-weight:lighter;
font-family: 'Cinzel', serif;

color:#b3b3b3;
  }
   #SS-Heading{
		 text-align: center;
    font-size: 20px;

 padding:20px 5% 5px 5%;
 font-weight:lighter;
font-family: 'Cinzel', serif;

color: white;
  }
     #SS-Recipient{
		 text-align: center;
    font-size: 25px;

 padding:20px 5% 10px 5%;
 font-weight:lighter;
font-family: 'Cinzel', serif;

color:white;
  }
  #SS-Date{
	 text-align: center;
    font-size: 25px;

 padding:30px 5% 5px 5%;
 font-weight:lighter;
font-family: 'Comfortaa', sans-serif;

color: white;  
  }
     #SS-Welcome33-2{
	 text-align: center;
    font-size: 20px;

 padding:20px 5% 5px 5%;
 font-weight:lighter;
font-family: 'Ysabeau SC', sans-serif;

color: white;
  }
         #SS-Welcome33-21{
	 text-align: center;
    font-size: 15px;

 padding:20px 5% 5px 5%;
 font-weight:lighter;
font-family: 'Ysabeau SC', sans-serif;

color: black;
  }   
          
  #SS-a{
	   display: block;
    width: fit-content; 
	  margin: 0 auto;
	 text-align: center;
    font-size: 13px;  
	   font-weight:lighter;
color: #2F6690;
font-family: 'Lora', serif;
	  align-self: center;
  }
             #SS-Welcome20{
				 text-align: center;
    font-size: 13px;

margin: 430px 0px -15px 0px;
 font-weight:lighter;

font-family: 'Lora', serif;
color:  #2F6690;

  }
         
     


#SS-Table26::-webkit-scrollbar-thumb {
  background-color: #ff4400; 
  border-radius: 6px;
}

#SS-Table26::-webkit-scrollbar-track {
  background-color: #262626; 
}

/* Firefox scrollbar */
#SS-Table26 {
  scrollbar-width: thin;
  scrollbar-color: #ff4400 #262626; /* Thumb and track colors */
}



	@media (max-width: 850px) {
		#SS-Table21-2{
			width: 85vw;
			
		}
		.SS-Box21{
			margin-top: 30px;
		}
		  .SS-bottom-fixed-container {
	  display: flex;
	  flex-direction: column;
	  gap: 0px;
	  height: 200px;
	 
       
		
    }
	   #SS-Container163{
		   margin-top: 10px;
	   }
	.SS-MainBox163-3{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
	}
	.SS-submit-btn020163-3{
		margin-top: -20px;
	}
	  #SS-SelectChoice20-2{
	margin-top: 25px;
}
		
		  .image21 {
		     width: 90%;
			

	}.SS_FlexBox{
	
	flex-wrap: wrap;
}
	

  #SS-Table163{
	  width: 100vw;
  }
  	
	}



#SS-PageContainer146{
  display: -webkit-flexbox;
  display: flex;
    flex-direction:column;
    background-color: rgb(2, 39, 72);
    border-radius: 2em;
    padding-bottom: 50%;
    padding-top: 5%;
}

#SS-MainButton146{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Gugi', cursive;
  margin-top: 30px;
  justify-content: center;
  outline: 0;
  border: none;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(76, 71, 76);
  background: rgb(249, 249, 249);
  padding: 5%;
  border-radius: 2em;
  width: 70%;
  font-size: 4vw;
  align-self: center;
  align-content: center;
  transition: all 0.2s;




}
#SS-TableHeading146{
  text-align: center;
  padding: 30px;
  font-size: 9vw;
  color: rgb(252, 249, 249);
  font-family: 'Lato', sans-serif;

}

#SS-Heading146-2{
  padding: 5% 5% 5%;
  font-size: 4vw;
  color: rgb(1, 9, 70);
  padding: 20px;
  text-shadow: rgb(197, 196, 192) 1px 0 10px;
  font-family: 'Gugi', cursive;


}

#SS-TableContent146{
  border-bottom: 1px solid rgb(83, 149, 151);
font-size: 2.5vw;
  padding: 10px;
  text-align: center;
  font-family: 'Julius Sans One', sans-serif;
  color:rgb(250, 249, 251);
  size: 20px;

}
#SS-Table146{

    overflow: scroll;
  align-self: center;
  align-content: center;
  border-radius: 2em;
  box-shadow:rgb(51, 96, 124) 0px 4px 12px;
  width: 50%;
  margin-top: 2%;
  margin: auto;
  padding-bottom: 20px;
background-color: rgb(3, 106, 122);}


#SS-Table146-2{
  overflow: scroll;
  align-self: center;
  align-content: center;
  border-radius: 2em;
  box-shadow:rgb(51, 96, 124) 0px 4px 12px;
  width: 90%;
  margin-top: 2%;
  margin: auto;
  padding-bottom: 20px;
background-color: rgb(3, 106, 122);
}


#SS-ActivitiesPage{
  background-color: rgb(3, 39, 66);
  border-radius: 2em;
  padding-bottom: 20px;
}
#SS-BusinessContainer{
  display: -webkit-flexbox;
  margin-top: 10%;

  background-color: rgb(57, 113, 128);
  overflow:auto;
  display: flex;
  flex-direction:column;
padding-bottom: 50px;
  border: none;
  gap: 12vw;


  box-shadow:rgb(180, 228, 246) 0px 4px 10px;
  align-items:center;

}
#SS-HealthContainer{
  display: -webkit-flexbox;
  margin-top: 10%;

  background-color: rgb(55, 100, 130);
  overflow:auto;
  display: flex;
  flex-direction:column;
padding-bottom: 10%;
  border: none;
  gap: 12vw;

  box-shadow:rgb(180, 228, 246) 0px 4px 10px;
  align-items:center;

}


#SS-MainBox146{
  display: -webkit-flexbox;
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    background-color: rgb(3, 39, 66);s
    border-radius: 2em;
}
#SS-h51-146Main{
  padding: 2% 2% 2%;
  font-size: 7vw;
  color: rgb(222, 229, 234);
  font-family: 'Lato', sans-serif;
}
#SS-h51-146Main2{
  padding: 2% 2% 2%;
  font-size: 7vw;
  color: rgb(4, 34, 55);
  font-family: 'Lato', sans-serif;
}
#SS-Menu146{
  display: -webkit-flexbox;

  display: flex;
    flex-direction:row;
    gap:0%;
    margin-bottom: 20px;


}
#SS-ButtonMenu146{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  outline: 0;
 border: none;
  cursor: pointer;
  text-decoration: none;
  color: rgb(251, 247, 247);
  background-color: rgb(3, 39, 66);
  line-height: 40%;
  font-family: 'Julius Sans One', sans-serif;


  padding: 4vw;
  font-size: 4.5vw;
  overflow:inherit;
  transition: all 0.2s;
  width: auto;
  margin-top: 5px;
  margin-left: 5%;
  border-radius: 2em;




}
#SS-ButtonBusiness{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

 
  outline: 0;
  border: none;
  cursor: pointer;
  text-decoration: none;
font-family: 'Vollkorn SC', serif;
 
  color: rgb(152, 213, 248);
  background-color: rgb(3, 39, 66);

  border-radius: .5em;
 padding: 10px;
  font-size: 1.5vw;

  transition: all 0.2s;
  box-shadow:rgb(160, 225, 247) 0px 2px 9px;



}
#SS-ButtonContainer2{
  display: -webkit-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: rgb(3, 41, 77);
  border: none;
 gap: 5vw;
  width: 80%;
  border-radius: 1em;
  margin-top: -5%;
 padding: 30px;

  height: auto;

  justify-content: space-between; /* Add this line to evenly space items */
}

#SS-ButtonContainer {
  display: -webkit-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: rgb(3, 57, 77);
  border: none;
 gap: 5vw;
  width: 80%;
  border-radius: 1em;
  margin-top: -5%;
 padding: 30px;

  height: auto;

  justify-content: space-between; /* Add this line to evenly space items */
}


#SS-Dust{
  display: -webkit-flexbox;
  height: 12vw;
  margin-top: 1%;
  display: flex;
  flex-direction:row;
  border: none;
  gap: 12vw;
  border-radius: 2em;
  box-shadow:rgb(243, 176, 150) 0px 4px 12px;
  align-items:center;

}


#SS-Error146{
    font-size: 2vw;
width: 100%;
text-align: center;
color: white;

  }
  #SS-SignUpBox146{
    display: -webkit-flexbox;
    box-shadow: rgb(201, 229, 236) 2px 15px 35px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 20%;
    display: flex;
    flex-direction: column;
    background-color: rgb(4, 49, 83);
    width: 400px;
    margin: 6% auto;
    padding: 2%;
    height: 45%;

    align-items: center;
    font-size: 5vw;
   border-radius: 10%;
   opacity: .9;
   color: rgb(225, 238, 248);
   justify-content: center;
   }

   #SS-LogInBox146{
    display: -webkit-flexbox;
    box-shadow: rgb(201, 229, 236) 2px 15px 35px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 20%;
    display: flex;
    flex-direction: column;
    background-color: rgb(4, 49, 83);
    width: 400px;
    margin: 6% auto;
    padding: 2%;
    height: 45%;
    position: relative;
    align-items: center;
    font-size: 5vw;
   border-radius: 10%;
   opacity: .9;
   color: rgb(225, 238, 248);
  }

  #SS-Input146-2{
    box-shadow:rgb(154, 223, 239) 0px 4px 12px;
    margin-top: 5%;
    border-radius: 2em;
    padding: 5% 5%;
     font-size: 3vw;
     color:rgb(172, 209, 246);
       background-color: rgb(2, 35, 68);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        width: 90%;

  }


  #SS-InputBusiness{
    box-shadow:rgb(154, 223, 239) 0px 4px 12px;
    border-radius: .5em;
    padding: 5% 5%;
     font-size: 4vw;
     color:rgb(236, 246, 250);
       background-color: rgb(2, 35, 68);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        align-self: center;
        width: 80%;
    margin-top: -9%;

  }
  #SS-Input146{
    box-shadow:rgb(154, 223, 239) 0px 4px 12px;
    margin-top: 5%;
    border-radius: 2em;
    padding: 5% 5%;
     font-size: 3vw;
     color:rgb(172, 209, 246);
       background-color: rgb(2, 35, 68);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        width: 90%;

  }
  #SS-Heading146{
    margin-top: 5%;
    font-size: 6vw;
    margin-bottom: 5%;
    font-weight:lighter;
    font-family: 'Roboto', sans-serif;
    color: white;


  }
    #SS-h51-0{
      padding: 5% 5% 5%;
       }
    #SS-Create146{
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: rgb(3, 49, 83);
        background-position: 10px 10px;
        color: rgb(194, 245, 253);
        justify-content: center;
           padding: 5% 30%;
           text-align: center;
        font-weight: bold;
        font-size: 2vw;
        margin-top: 10%;
        cursor: pointer;
        vertical-align: center;
        border-radius: 2em;
        opacity: 2;
        border:none;
        width: 80%;
        display: flex;
        margin: 10% 10%;
        touch-action: manipulation;
        border: solid 2px rgb(158, 232, 251);
      }
      #SS-Login146{
        background-color: rgb(3, 49, 83);
        background-position: 10px 10px;
        color: rgb(194, 245, 253);
        justify-content: center;
           padding: 5% 30%;
           text-align: center;
        font-weight: bold;
        font-size: 2vw;
        margin-top: 10%;
        cursor: pointer;
        vertical-align: center;
        border-radius: 2em;
        opacity: 2;
        border:none;
        width: 80%;
        display: flex;
        margin: 10% 10%;
        touch-action: manipulation;
        border: solid 2px rgb(158, 232, 251);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        }
@media (max-width: 750px) {
  #SS-ButtonBusiness{
	  font-size: 3.2vw;
  }
	}