* {
    margin: 0;
    padding: 0;
    font-size: 20px;
    letter-spacing: 1px;
    font-family: Times, Times New Roman, serif;
}

img {
    width: 100%;
    margin-top: 1em;
}

body {
    margin: 0 auto;
}

main {
    padding: 0.75em;
}

li {
    list-style: none;
}

a {
    /*color: currentColor;
  text-decoration: none;*/
}

button {
    font: inherit;
    background: none;
    border: 0;
    color: currentColor;
    cursor: pointer;
}

strong,
b {
    font-weight: 600;
}

small {
    font-size: inherit;
    color: var(--color-text-grey);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 1em;
}

h1 {
    font-weight: bold;
    margin-bottom: 2em;
}

h2 {
    font-weight: bold;
}

p,
.back,
h2,
h3 {
    display: block;
    margin-bottom: 1em;
}

a,
a:visited {
    color: black;
}

a:hover {
    color: blue;
    /*transition-property: color;
  transition-duration: 1s;*/
    /*transition-delay: 2s;*/
    /*mix-blend-mode: difference;*/
}

ul {
    margin-bottom: 2em;
    /*margin-left: 1em;*/
}

h3,
h2 {
    /*margin-bottom: 0px;*/
}

li {
    text-indent: -1em;
    margin-left: 1em;
}

@media screen and (min-width: 600px) {
    main {

        width: 27em;


    }

}