/*
 * 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
 */

/*
 * https://github.com/Lazzzer00/Best-CSS-Reset-2024
 */
*, *::before, *::after{
    box-sizing: border-box;
}

*{
    margin: 0;
    padding: 0;
}

ul[role='list'], ol[role='list']{
    list-style: none;
}

html:focus-within{
    scroll-behavior: smooth;
}

a:not([class]){
    text-decoration-skip-ink: auto;
}

img, picture, svg, video, canvas{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover;
}

input, button, textarea, select{
    font: inherit;
}

@media (prefers-reduced-motion: reduce){
    html:focus-within {
        scroll-behavior: auto;
    }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}



body, html{
    height: 100%;
    scroll-behavior: smooth;
    padding:1rem;
}

/*
 * Other CSS
 */

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

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

.domain {
  background-color: #efefef;
  border-radius:1rem;
  padding:1rem;
}
.domain-header {
    background-color: #fefefe;
    border-radius:1rem;
    padding:1rem 1rem;
}

.domain-header h2 {
  display: flex;
}

.domain-header a {
  scale: 75%;
}

.email-list, .domain-list {
  border-radius:1rem;
  border:1rem black;
  background-color:#e7eae7;
  padding:2rem;
  margin:1rem 0;
}

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

.email-list li a {
  padding:0 0.3rem;
}

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

footer ul, footer h3 , footer li {
  margin:10px;
}