* {box-sizing: border-box}

@font-face {
    font-family: "CWCourier";
    src: url("../fonts/CWCourier-Regular.woff2") format("woff2"),
        url("../fonts/CWCourier-Regular.woff") format("woff");
}

html, body, h1, ul { margin: 0; }

html {
    font-family: "CWCourier", monospace;
    word-wrap: break-word;
    line-height: 1.25em;
    font-size: 17px;
    
}

main {
    width: 80%;
}

body { padding: 20px; }

h1 {
    margin-bottom: 0;
}

h2 {
    margin-top: 0;
}

h1, h2 { 
    font-size: inherit; 
    font-weight: inherit; 
    text-indent: -1.25em;
    padding-left: 1.25em;
}

ul { 
    list-style: none; 
    padding: 0;
    display: flex;
     flex-wrap: wrap;
}
li { 
    padding-left: 1.25em;
    text-indent: -1.25em;
    flex: 0 0 100%;
}
a { text-decoration: none; color: inherit; }

.Link {
    word-break: break-all;
    max-width: 100%;
}

li:before { content: "○" }
.Link:before { content: "●" }

ul, li[itemprop="email"] { margin-top: 1em;  }

@media (min-width: 800px) {
    html { font-size: 25px; }
    body { padding: 30px; }
    .Link:before { content: "○" }
    .Link:hover:before { content: "●" }
}

.Link--toArtPractice:hover {
    font-feature-settings: "ss01";
}

.Link--toArtPractice {
    position: absolute;
    top: 0;
    right: 0;
    margin: 15px;
    padding: 15px;
}