diff --git a/css/basic.css b/css/basic.css
new file mode 100644
index 0000000..4a80ca8
--- /dev/null
+++ b/css/basic.css
@@ -0,0 +1,20 @@
+body {
+	font-size: 24px;
+	font-family: Helvetica;
+	line-height: 1em;
+	
+	background-image: url('https://images.unsplash.com/photo-1428196457394-f0c4aec5f574?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80');
+	background-size: cover;
+}
+
+#outter-container {
+	position: absolute;
+	top: 20%;
+	margin: 5%;
+	width: 80%;
+}
+
+#inner-container {
+	background-color: rgba(255,255,255, 0.8);
+	padding: 5%;
+}
\ No newline at end of file
diff --git a/css/login.css b/css/login.css
new file mode 100644
index 0000000..94937f7
--- /dev/null
+++ b/css/login.css
@@ -0,0 +1,11 @@
+select {
+	font-size: 24px;
+	height: 2em;
+	width: 80%;
+}
+
+input[type="submit"] {
+	font-size: 24px;
+	height: 2em;
+	width: 17%;
+}
\ No newline at end of file
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..4d44fec
--- /dev/null
+++ b/login.html
@@ -0,0 +1,25 @@
+<html>
+	<head>
+		<title>Pàgina de benvinguda</title>
+		<link rel="stylesheet" href="./css/basic.css" />
+		<link rel="stylesheet" href="./css/login.css" />
+	</head>
+	<body>
+		<div id="outter-container">
+			<div id="inner-container">
+				<h1>Selecciona el teu nom</h1>
+				<h3>Per entrar al joc de la Pastanaga Assessina</h3>
+				<form action="login.php" method="GET">
+					<select>
+						<option>Oriol Toll</option>
+						<option>Carlota Corrales</option>
+						<option>Jordi Condom</option>
+						<option>David Ariza</option>
+						<option>Martina Colás</option>			
+					</select>
+					<input type="submit" value="Entrar" />
+				</form>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file