1 files changed, 58 insertions, 0 deletions
diff --git a/src/trivia/static/styles.css b/src/trivia/static/styles.css
new file mode 100644
index 0000000..e76125b
--- /dev/null
+++ b/src/trivia/static/styles.css
@@ -0,0 +1,58 @@
+body {
+    background-position: center top;
+    background-repeat: no-repeat;
+    background-color: #0000c7;
+}
+h1, h2, h3, h4, li, span {
+    text-shadow: 0px 0px 5px #000;
+    color: white;
+}
+
+td, th{
+    text-align: left;
+    background-color: white;
+    color: black;
+}
+
+.center{
+    margin: auto;
+    width: 400px;
+    padding: 10px;
+}
+input {
+    margin-top: 20px;
+}
+input[type=text]{
+    border: none;
+    border-bottom: 1px solid #ccc;
+    padding: 5px;
+}
+input[type=button]{
+    border: none;
+    padding: 8px 8px;
+    cursor: pointer;
+    background-color: coral;
+    color: white;
+    white-space: normal; 
+    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
+}
+input[type=button]:disabled {
+    color: #eeeeee;
+    background-color: #dddddd;
+}
+input[type=button]:disabled:hover {
+    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
+    cursor: default;
+    background-color: #dddddd;
+}
+input[type=button]:hover{
+    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
+    background-color: rgb(255, 179, 151);
+}
+span {
+    margin-right: 1em;
+}
+.leave {
+    position: absolute;
+    bottom: 5px;
+}
+\ No newline at end of file