@charset "UTF-8";

body {
    background-color: #d2d5de;
    background-image:url("./kyotsu-image/haikei.png");
    background-repeat: repeat;
   }
@font-face {
    font-family: 'Mamelon';
    src: url('mamelon_hireg/Mamelon-4-Hi-Regular.otf') format('opentype');
}
header {
    display: flex;
}
header nav ul {
    list-style: none;
    position: absolute;
    left: 70%;
}
header nav ul li {
    font-family: 'Mamelon', sans-serif;
    font-size: auto;
    width: 100%;
    margin: 0;
}
header img {
    width: 100%;
}
main {
    font-family: 'Mamelon', sans-serif;
    font-feature-settings: "palt";
    margin:100px 20px;
    color: #2E0000;
    position: relative;
}
.poemlist {
    display: grid;
    grid-template-columns: repeat(auto-fit, 220px);
    justify-content: center;
}
.poemlist li {
    flex-basis: 25%;
    box-sizing: border-box;
    border: solid 1px #53596B;
    color: #2E0000;
    background-color: #d2d5de;
    text-decoration: none;
    list-style: none;
    text-align: center;
    padding: 10px;
    margin: 10px;
    box-shadow:10px 10px #611F44;
}
a:link {
    color: #530e0d;
}
a:visited {
    color:#04122E;
}
a:hover {
    color:#53596B;
}
a:active {
    color:#53596B;
}
a {
    text-decoration: none;
}
footer img {
    width: 100%;
}