body{
	margin: 0;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color:rgb(255, 255, 255);
}
#header{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background-color: transparent;
	margin: 8px;
	padding: 8px;
	gap:8px;
}
#header a{
	text-decoration: none;
	color:white;
	border: 1px white solid;
	font-size: 1.4em;
	padding: 6px;
	border-radius: 6px;
	transition:ease background-color 0.3s;
}
#header a:hover{
	background-color: rgb(222, 165, 66);
	transition:ease background-color 0.3s;
}
#header .links{
	display:flex;
	flex-wrap: wrap;
	gap:16px;
}
.links #create-survey{
	border: none;
}
#baseform{
	display:flex;
	flex-direction: column;
	align-items: center;
	padding-left: 16px;
	padding-right: 16px;
	gap:12px;
	padding-bottom: 32px;
}
.maintext{
	margin: 4px;
	margin-left: 0px;
}
.maincontent{
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding:16px;
	gap:16px;
}
#headercontainer{
	background-color: #3857f5;
}
#welcomecontainer{
	background-color: #3857f5;
}

.bubble{
	background-color: rgb(255, 255, 255);
	color:black;
	border-radius: 28px;
	padding: 14px;
}
#codeexample{
	font-size: 1.1em;
	background-color: rgb(34, 34, 34);
	color:rgb(214, 255, 194);
	border-radius: 16px;
	padding: 16px;
	font-family: 'Courier New', Courier, monospace;
}
.maintext-big{
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
	margin: 6px;
	font-size: 1.8em;
	color:rgb(255, 181, 63);
	text-shadow: 0px 0.5px rgb(0, 0, 0);
}

#footer{
	background-color: #3857f5;
}
#footer .bubble{
	background-color: #ffffff;
	color:white;
}


@media only screen and (max-width: 500px) {
	.link-border{
		display: none;
	}
	.link{
		text-decoration: underline;
		text-underline-offset: 6px;
	}
	#codecontainer{
		padding: 1px;
	}
	#codeexample{
		display:none;
	}
}