diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..8ba3b54
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,21 @@
+#butons {
+	position: absolute;
+	bottom: 5%;
+	right: 0;
+}
+
+#butons button {
+	font-size: 36px;
+	height: 100px;
+	width: 70%;
+	color: white;
+	text-decoration: none;
+}
+
+button#win {
+	background-color: green;
+}
+
+button#lose {
+	background-color: red;
+}
\ No newline at end of file
diff --git a/main.html b/main.html
new file mode 100644
index 0000000..b535b2d
--- /dev/null
+++ b/main.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/main.css" />
+	</head>
+	<body>
+		<div id="outter-container">
+			<div id="inner-container">
+				<h2>Hola <name id="user_name">Sabina</name>,</h2>
+				<h3>La teva víctima és:</h3>
+				
+				<div class="victima">
+					<img width="300px" src="https://images.squarespace-cdn.com/content/v1/55d66363e4b0b9bb40814594/1563604453236-E5W0AMO0G48FCM315P38/ke17ZwdGBToddI8pDm48kOTrVJ1u5-lShfatTnqwpvJ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QHyNOqBUUEtDDsRWrJLTmHHRMqniMJbuwH8EZRFFu5Xniw0XOPZocUpOLtZKAgc3IeAs9gv2T1pupIMoxMYeP/Monica-Leon-Mugshot-Danger-VH1-Star-For-the-Love-of-Ray-J.jpg?format=2500w" />
+					<h2 id="victim_name">Vera Pujadas</h2>
+					<h3><span id="victim_curs">3er</span>-<span id="victim_grau">MAT</span></h3>
+				</div>
+			</div>
+		</div>
+		<div id="butons">
+			<button id="win">L'he matat</button>
+			<button id="lose">M'han matat</button>
+		</div>
+	</body>
+</html>
\ No newline at end of file