    [:app {:background-color (:marsala COLOR-PALLETTE)}]
    ;; maybe the image containing the rest should actually be an element
    ;; by itself?
-   [:.countdown__internal {:text-align "center"}]
+   [:.countdown__internal {:text-align "center"
+                           :width "500px"}]
 
    ;; countdown settings
    [:.timer {;:background-color (:marsala COLOR-PALLETTE)


   [:.button__add-to-calendar {:background-color (:dark-red COLOR-PALLETTE)
                               :color (:white COLOR-PALLETTE)}]
   [:.find-us {:grid-column 1
               :grid-row 2}]

   [:.timeline {:grid-column 2
                :grid-row 2}]

   [:.timeline__time {:padding-right "10px"
                      :font-weight "bolder"}]

   [:.timeline__icon {:width "22px"
                      :padding-right "5px"}]

   #_[:.rvsp {:grid-column 1
              :grid-row 3}]

   [:.accommodation {:grid-column 1
                     :grid-row 4}]

   [:.gift {:grid-column 1
            :grid-row 5}]

   [:.bank_table {:font-family (:open-sans FONT-FAMILIES)}]


   [:a:hover {:text-decoration "none"}]])

(def main-page
  [[:.container common-grid-options]
   [:h3 {:color (:dark-red COLOR-PALLETTE)}]
   [:body {:color (:navy COLOR-PALLETTE)
           :font-family (:alex-brush FONT-FAMILIES)}]
