body {
	background-color: #191724;
	color: #ff6ac1;
	font-family: sans-serif;
}
.content {
	  position: absolute;
	  margin: auto;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  width: 800px;
	  height: 400px;
}
th {
	width: 200px;
	padding: 10px;
}
td {
	width: 200px;
	padding: 10px;
	text-align: center;
}
a {
	color: #b6a1ff;
	text-decoration: none;
}
a:hover {
	color:white;
}
#welcome {
  color:#b6a1ff;
	text-align: center;
}
#welcome:hover {
  color:#ff6ac1;
  cursor: pointer;
}
#welcome:active {
  color:#9aedf6;
  cursor: pointer;
}
form {
  background-color: #9aedf6;
  color: #211b4d;
  width: 100%;
  height: 44px;
  border-radius: 5px;
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-top: 50px;
}

input {
  all: unset;
  font: 16px system-ui;
  height: 100%;
  width: 100%;
  padding: 6px 10px;
}

::placeholder {
  color: #191724;
  opacity: 0.7; 
}

svg {
  color: #191724;
  fill: currentColor;
  width: 24px;
  height: 24px;
  padding: 10px;
}

svg:hover {
  color: #ff6ac1;
}

button {
  all: unset;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

.chooseSearchEngine {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

.chooseSearchEngine:hover {
  cursor: pointer;
}

#searchEngine {
  margin-left: 10px;
  width: 60px;
  height: 30px;
  background-image: url("ICONOS/duckduckgo-icon.svg");
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  font-size: 0;
  border-radius: 5px;
  border: 1px solid #191724;
}

option {
  font-size: initial;
}

.vertLine {
  border-right:1px #ff0000;    /* line 1 pixel width, length of "Some content" */
}