body {
  background-color: white;
}
@font-face {
  font-family: tahoma;
  src: windows-xp-tahoma;
}
h1 {
  color: black;
  font-family: tahoma;
}
p {
  color: black;
  font-family: tahoma;
}

input[type=text], input[type=password] {
  font-family: tahoma;
}

input[type=text]:focus, input[type=password]:focus {
  font-family: tahoma;
}

.registerbtn {
  font-family: tahoma;
}

a {
  color: dodgerblue;
}
.signin {
  background-color: #f1f1f1;
  text-align: center;
  margin: 8px 0;
  padding: 30px;
}
/* Make sure that padding behaves as expected */
* {box-sizing:border-box}

/* Container for bars */
.container {
  width: 100%; /* Full width */
  background-color: #ddd; /* Grey background */
}

.bar {
  text-align: right; /* Right-align text */
  padding-top: 10px; /* Add top padding */
  padding-bottom: 10px; /* Add bottom padding */
  color: white; /* White text color */
}

.html {width: 1%; background-color: #04AA6D;} /* Green */
.css {width: 2%; background-color: #2196F3;} /* Blue */
.js {width: 0%; background-color: #f44336;} /* Red */
.php {width: 0%; background-color: #808080;} /* Dark Grey */