@charset "utf-8";

::selection {
    color: rgb(215, 0, 36);
    background-color: #b9b9b9;
}

body {
    background-color: #000000;
    color: #000;

}

a {
    text-decoration: none;
    color: #467e96;
    border-bottom: 2px dotted;
    transition : 0.3s;
}

a:hover {
    color: #8bc2da;
    transition : 0.3s;
}

main {
    background-color: #f8f8f8;
    max-width: 650px;
    margin: 0 auto;
    padding: 3em 3.5em;
    border-radius: 5px;
}

@media (max-width: 600px) {
    main {
        padding: 5%;
        margin: 0 2%;
    }
}

h1 {
    color: #b9b9b9;
    text-align: center;
    font-size: 30px;
    margin: 25px;
    font-family: 'New Tegomin', serif;
}

@media (max-width: 600px) {
    h1 {
        font-size: 22px;
    }
}

.note {
    padding:0 1em;
    background: linear-gradient(#d0d0d0 1px, transparent 1px) #f8f8f8;
    background-size: auto 1.8em;
    line-height: 1.8em;
    border-bottom: 1px solid #d0d0d0;
    overflow: hidden;
}

main p {
    margin-top: 1.8em;
    font-family: 'New Tegomin', serif;
    line-height: 1.8;
}

main p:last-child {
    margin-bottom: 1.8em;
}


footer {
    padding-top: 5em;
    text-align: center;
}

small {
    color: #b9b9b9;
}