Criação da pagina calendario

stylecal.css

@@ -0,0 +1,63 @@
+* {
+    padding: 0;
+    margin: 0;
+}
+
+p,
+h1,
+h2,
+h3 {
+    margin: 0;
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
+body {
+    height: 100vh;
+
+}
+
+
+
+#topo {
+    width: 100%;
+    height: 50px;
+    background-color: #111;
+    position: fixed;
+    top: 0;
+    left: 0;
+    background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%);
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+#textotop {
+    padding-left: 20px;
+    font-size: 38px;
+    margin: 0;
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
+#barraesquerda {
+    left: 0;
+    background-color: #C0392B;
+    height: 100%;
+    width: 330px;
+}
+
+#tabela {
+    padding-top: 60px;
+}
+
+th {
+    white-space: nowrap;
+  }
+#mes {
+    padding-left: 13%;
+    color: white;
+    font-size: 25px;
+    font-family: "Inter", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: <weight>;
+    font-style: normal;
+}