website: frontend

websiteapp/static/css/styles.css

@@ -0,0 +1,73 @@
+@font-face {
+    font-family: 'CynthoBold';
+    src: 
+    url('/static/font/CynthoNextBold.otf') format('opentype');
+
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'CynthoRegular';
+    src: 
+    url('/static/font/CynthoNextRegular.otf') format('opentype');
+
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* This sets the font color for all text */
+body {
+    background-color:rgba(250, 184, 0);
+    color: #006cab;
+    font-size: 20px;
+    font-family: "CynthoRegular", sans-serif;;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+}
+
+button {
+    background-color: rgba(0, 108, 171);
+    color: rgba(250, 184, 0);
+    font-size: 20px;
+    font-family: "CynthoRegular", sans-serif;
+    font-weight: bold;
+    padding: 25px 25px;
+    border: none;       /* removes default border */
+    border-radius: 5px; /* rounded corners */
+    cursor: pointer;    /* pointer on hover */
+    align-items: center;        /* aligns vertically */
+    margin-top: 20px;
+}
+
+#map {
+    height: 550px;
+    width: 100%;
+}
+
+textarea {
+    width: 80%;
+    height: 300px;
+    padding: 12px;
+    box-sizing: border-box;
+    border: 4px solid rgba(0, 108, 171);
+    border-radius: 5px;
+    background-color: rgb(255, 199, 44);
+    font-size: 18px;
+    color: #006cab;
+    resize: none;
+    margin-top: 20px;
+}
+
+.btn-group {
+    display: flex;              /* places buttons side-by-side */
+    justify-content: center;    /* centers them horizontally */      /* aligns vertically */
+    gap: 15px;   
+    margin-top: 10px;
+}
+
+img {
+    align-items: center; 
+    width: 80%;
+}