@import url('https://fonts.googleapis.com/css2?family=Delius&display=swap');



			body {
				font-family: 'Roboto', sans-serif;
				font-size:1.5rem;
				overflow:hidden;
				text-align: center;
			}
			img {
				max-width:10%;
				vertical-align:middle;
			}
			#logo_text {
				display:inline-block;
				vertical-align:middle;
				font-family: "Delius", cursive;
 				font-weight: 500;
				font-style: normal;
				font-size: 300%;
			}
			background {
				height: 100vh;
				width: 100vw;
				position:absolute;
				display:inline;
				background-color: #e4e4d6;
			}
			.content {
				position:absolute;
				top:40%;
				left:50%;
				transform: translate(-50%, -50%);
			}
			form {
				text-align: left;
			}
			input:focus,
			select:focus,
			textarea:focus,
			button:focus
			{
				border: 0.3rem solid #FF6730;
				outline: none;
			}
			input {
				font-family: 'Roboto', sans-serif;
				font-size:1.5rem;
				border: 0.2rem solid #FF9138;
				border-radius: 0.75rem 0 0 0.75rem;
				
				margin-left: -0.5em;
				padding-left: 0.5em;
				height: 3rem;
				width: 25rem;
			}
			input[type="submit"] {
				color: white;
				padding-left: 0em;
				background-color: #FF9138;
				border-radius: 0 0.75rem 0.75rem 0;
				
				display:inline;
				border: 0;
				margin-top: 1em;
				width: 5em;
				height: 2em;
			}
			input[type="submit"]:focus {
				background-color: #FF6730;
			}
			input[type="submit"]:hover 
			{
				background-color: #FF6730;
			}
			input[type="submit"]:active {
				background-color: black;
			}
			a {
				color: #FF9138;
				text-decoration: initial;
			}
			a:active,
			a:hover {
				color:#FF6730;
			}