diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000000000000000000000000000000000000..b692a5fc11c794eeefc09513b63af28d3c352991
--- /dev/null
+++ b/public/css/main.css
@@ -0,0 +1,150 @@
+.jumbotron {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+  margin-bottom: 0;
+  background-color: #fff;
+}
+@media (min-width: 768px) {
+  .jumbotron {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+}
+
+.jumbotron p:last-child {
+  margin-bottom: 0;
+}
+
+.jumbotron h1 {
+  font-weight: 300;
+}
+
+.jumbotron .container {
+  max-width: 40rem;
+}
+
+footer {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+footer p {
+  margin-bottom: 0.25rem;
+}
+
+body{
+    background-color: #C6332A;/* thistle; */
+}
+
+.bd-placeholder-img {
+  font-size: 1.125rem;
+  text-anchor: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+@media (min-width: 768px) {
+  .bd-placeholder-img-lg {
+    font-size: 3.5rem;
+  }
+}
+
+
+
+a {
+	color: black;
+}
+
+a:hover{
+  color: white;
+}
+
+a:visited {
+	color: black;
+
+}
+
+
+.myBtn {
+    color: #fff;
+    background-color: #C6332A;
+    border-color: thistle; /*set the color you want here*/
+    width: 180px;
+}
+.myBtn:hover, .myBtn:focus, .myBtn:active, .myBtn.active, .open>.dropdown-toggle.myBtn {
+    color: #fff;
+    background-color: #C6332A;
+    border-color: thistle; /*set the color you want here*/
+}
+
+.thumbimg{
+    width: 100%;
+    height: 225px;
+}
+
+a.button {
+    -webkit-appearance: button;
+    -moz-appearance: button;
+    appearance: button;
+
+    text-decoration: none;
+    color: blue;
+    border: solid;
+    border: 4px;
+}
+
+.windSVG{
+    margin-right : 20px;
+}
+
+.hftlogo{
+  margin-right : 20px;
+  /* width: 100px; */
+}
+
+
+.extension{
+  padding: 20px 10px;
+  min-height: 445px;
+  max-height: 445px;
+  /* margin: 20px; */
+}
+
+.py-5{
+  padding: 1rem!important; 
+}
+
+.card-body{
+  min-height: 90px;
+  padding: 0.5rem 0.5rem 0.2rem;
+
+}
+
+.card-text{
+  max-height: 85px;
+  overflow: auto;
+  /* overflow-y: auto; */  
+  /* padding-bottom: 10px; */
+
+}
+
+.btnGroupDiv{
+  /* padding: 20px 00px 00px 20px; */
+  padding: 0.5rem;
+}
+
+#UrbanVisTitle{
+  
+  font-family: 'Courier New', Courier, monospace;
+  /* padding-right: 20px; */
+  /* text-align: right; */
+  position: relative;
+  /* margin-left: 50%; */
+  
+  color: #fff;
+  font-size: 3em;
+  /* width: 0px; */
+  
+}
\ No newline at end of file