/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

body, nav, main, footer {
  padding: 1rem;
  margin: 1rem;
}

menu {
  display: flex;
  list-style: none;
  padding: 1rem;
  background-color: #daeafa;
  border-radius:1rem;
}

menu > li {
  padding:0 1rem;
  flex-grow: 1;
}

.domain-header h2 {
  display: flex;
}

.domain-header a {
  font-size: 9pt;
}

.domain-header button {
  margin:0 0 0 10px;

}

.email-list li {
  display: flex;
  margin:0.3rem 1rem;
}

.email-list li a {
  padding:0 10px;
}

main, body {
    padding:1rem;
    margin:1rem;
}

footer {
  background-color:#efefef;
  margin:0 1rem;
  padding:1rem;
  border-radius:1rem;
}