working on css

static/templates/css.st

@@ -1,3 +1,16 @@
+@font-face{
+    font-family: "osans";
+    src: url("OpenSans-Regular.woff") format("woff");
+}
+
+@font-face{
+    font-family: "lofty";
+    src: url("Bhineka.ttf") format("truetype");
+}
+
+body {
+    font-family: osans;
+}
 label {
     display: block;
     margin: 5px 0;
@@ -13,6 +26,35 @@ form#list_data,
 
 h1 {
     text-align: center;
+    font-family: lofty;
+    font-size: 64px;
+}
+
+fieldset{
+    border-radius: 15px;
+    background: #eefffc;
+      border-color: #6c57ff;
+      border-width: 1px;
+      border-style: solid;
+}
+
+fieldset fieldset {
+    background: white;
+}
+legend {
+  font-family: lofty;
+  font-size: 24px;
+  border-radius: 5px;
+  padding: 0px 5px;
+  background: #eefffc;
+  border-color: #6c57ff;
+  border-width: 1px;
+  border-style: solid;
+  margin: 10px 0;
+}
+
+fieldset fieldset>legend {
+    background: white;
 }
 
 .error{
@@ -42,4 +84,29 @@ h1 {
     right: 0;
     text-align: right;
     margin: 5px;
+}
+
+tr:nth-child(2n),
+tr>*:nth-child(2n){
+    background: rgba(0,0,0,0.1);
+}
+
+a,
+button {
+  padding: 5px;
+  border-radius: 5px;
+  border-color: #2621ca;
+  border-width: 1px;
+  border-collapse: collapse;
+  border-style: solid;
+  font-size: 14px;
+  text-decoration: none;
+  margin: 10px 2px;
+  background: #83f9ff;
+  color: #1b00d7;
+}
+
+table{
+    margin: 0 0 10px;
+    min-width: 100%;
 }