diff --git a/css/showuser.css b/css/showuser.css
index 84e2133..a1cb6e9 100644
--- a/css/showuser.css
+++ b/css/showuser.css
@@ -1,7 +1,30 @@
-.container h3{
+@import 'https://fonts.googleapis.com/css?family=Roboto';
+@import 'https://fonts.googleapis.com/css?family=Muli';
+@import 'https://fonts.googleapis.com/css?family=Work+Sans';
+
+body{
+
+	font-family: 'Muli', sans-serif;
+	height: 10px;
+	background: linear-gradient(to right, #834d9b, #d04ed6);
+	color: #282828;
+	text-shadow: currentColor;
+}
+p{ 
+	color: white;
+}
+p.enter {
+	margin-top: -30px;
+}
+
+h3{
+	font-family: 'Roboto', sans-serif;
+	text-decoration-line: none;
+	text-align: center;
+
+}
+.container {
   text-align:center;
-  text-decoration: underline;
-  font-family: arial;
   font-size: 25px;
 }
 
@@ -10,14 +33,60 @@
 }
 
 img{
-  height: 250px;
-  width: 250px;
-  margin-top: 20px;
-  border: 2px solid black;
+  height: 200px;
+  width: 200px;
+  margin-top: 10px;
+  border: 2px solid #ecf0f1;
   margin: 20px auto;
 }
 .information{
-  border: 3px solid black;
+  border: 4px solid #ecf0f1;
   margin-top: 20px;
   text-align: center;
+  font-size: 20px;
+  font-family: 'Work Sans', sans-serif;
+}
+.info{
+	text-align: left;
+	margin-left: 560px;
+}
+
+.button {
+	font-family: 'Roboto', sans-serif; 
+	background-color: white;
+	border: none;
+	color: black;
+	padding: 12px 20px;
+	text-align: center;
+	display: inline-block;
+	font-size: 18px;
+	-webkit-transition-duration: 0.4s;
+	transition-duration: 0.4s;
+	cursor: pointer;
+	margin-left: 5px;
+	border-radius: 5px;
+	text-shadow: all;
+}
+.button:hover {
+	background-color: transparent;
+	color: white;
+	border: 1px solid #ecf0f1;
+}
+
+input[type=text] {
+	font-size: 20px;
+	width: 15%;
+	padding: 12px 20px;
+	margin-bottom: 10px;
+	box-sizing: border-box;
+	background-color: white;
+	color: white;
+	border: 2px solid #ecf0f1;
+	-webkit-transition:width 0.3s ease-in-out;
+	opacity: 0.5;
+}
+input[type=text]:focus{
+	width: 30%;
+	background-color: transparent;
+	opacity: 1;
 }