.lock {
			overflow:hidden;
		}
		
		.login-box-wrapper {
			display: none;
			position: fixed;
			z-index: 2000; 
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.75);
			justify-content: center;
			align-items: center;
		}

		.login-box {
			background-color: #161616;
			padding: 30px;
			width: 300px;
			border-radius: 10px;
			box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
			position: relative;
			display:flex;
			flex-direction:column;
			justify-content:center;
			gap:20px;
			transform: translateY(-20%);
			border: 1px solid gray;
			border-bottom: 2px solid gray;
		}
		
		.login-form {
			display:flex;
			flex-direction:column;
			justify-content:center;
			gap:20px;
			margin-top:20px;
		}
		
		.login-form button {
			all: unset;
			background-color:yellow;
			font-weight:bold;
			color:black;
			width:60%;
			margin:auto;
			padding:3%;
			border-radius:5px;
			margin-top:2%;
			user-select:none;
			cursor:pointer;
		}
		
		.login-form input {
			all: unset;
			background-color:#262626;
			color:white;
			width:70%;
			margin:auto;
			padding:4%;
			border-radius:5px;
			text-align:left;
		}
		
		.login-form-container.register {
			display:none;
		}
		
		.login-form-header {
			display:flex;
			flex-direction:row;
		}
		
		.login-option {
			font-size:1.2em;
			font-weight:bold;
			margin-right:auto;
			position:absolute;
			top:0;
			width:50%;
			padding-top:10px;
			padding-bottom:10px;
			background-color: #262626;
			margin:-1px;
			user-select:none;
			cursor:pointer;
		}
		
		.login-option.login {
			left:0;
			border-top-left-radius:10px;
			border-bottom-right-radius:10px;
		}
		
		.login-option.register {
			right:0;
			border-top-right-radius:10px;
			border-bottom-left-radius:10px;
		}
		
		.login-form-header.login {
			.login-option.login {
				background-color:transparent;
			}
			.login-option.register {
				border-bottom: 1px solid gray;
				border-left: 1px solid gray;
				color: #bbbbbb;
			}
		}
		
		.login-form-header.register {
			.login-option.login {
				border-bottom: 1px solid gray;
				border-right: 1px solid gray;
				color: #bbbbbb;
			}
			.login-option.register {
				background-color:transparent;
			}
		}
		
		.form-response {
			margin-top:15px;
		}
		
		.user-bar {
			background-color:#424242;
		}
		
		.close-box {
			font-weight: bold;
			font-size: 30px;
			position: relative;
			left: 210px;
			bottom: 70px;
			content: "\00d7";
			user-select:none;
		}
		
		.close-box span {
			cursor:pointer;
		}