* {
    box-sizing: border-box;
}

html {
    width: 100%;
}

@font-face {
    font-family: 'HayuFont';
    src: url('../fonts/HayuFont.eot');
    src: url('../fonts/HayuFont.eot?#iefix') format('embedded-opentype'), url('../fonts/HayuFont.woff2') format('woff2'), url('../fonts/HayuFont.woff') format('woff'), url('../fonts/HayuFont.ttf')  format('truetype'), url('../fonts/HayuFont.svg#HayuFont') format('svg');
}

@font-face{font-family:"Sansan";src:url("968b4e852dc13056acc2d9a7d15882bd.eot");src:url("968b4e852dc13056acc2d9a7d15882bd.eot?#iefix")format("embedded-opentype"),url("968b4e852dc13056acc2d9a7d15882bd.woff")format("woff"),url("968b4e852dc13056acc2d9a7d15882bd.woff2")format("woff2"),url("968b4e852dc13056acc2d9a7d15882bd.ttf")format("truetype"),url("968b4e852dc13056acc2d9a7d15882bd.svg#Sansan")format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'iA Writer Mono S';src:url('../fonts/iA/iAWriterMonoS-Bold.woff2') format('woff2'),url('fonts/iA/iAWriterMonoS-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'iA Writer Mono S';src:url('fonts/iA/iAWriterMonoS-Italic.woff2') format('woff2'),url('fonts/iA/iAWriterMonoS-Italic.woff') format('woff');font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:'iA Writer Mono S';src:url('fonts/iA/iAWriterMonoS-BoldItalic.woff2') format('woff2'),url('../fonts/iA/iAWriterMonoS-BoldItalic.woff') format('woff');font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:'iA Writer Mono S';src:url('fonts/iA/iAWriterMonoS-Bold.woff2') format('woff2'),url('fonts/iA/iAWriterMonoS-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'iA Writer Mono S';src:url('fonts/iA/iAWriterMonoS-Italic.woff2') format('woff2'),url('fonts/iA/iAWriterMonoS-Italic.woff') format('woff');font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:'iA Writer Mono S';src:url('fonts/iA/iAWriterMonoS-BoldItalic.woff2') format('woff2'),url('fonts/iA/iAWriterMonoS-BoldItalic.woff') format('woff');font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:'iA Writer Mono S';src:url('fonts/iA/iAWriterMonoS-Regular.woff2') format('woff2'),url('fonts/iA/iAWriterMonoS-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'iA Writer Mono S';src:url('fonts/iA/iAWriterMonoS-Regular.woff2') format('woff2'),url('fonts/iA/iAWriterMonoS-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}



body {
    background: #8297B2;
    font-family: 'HayuFont';
}

h1 {
    color: #805A6B;
    font-style: italic;
}

h2 {
    color: #B58C9F;
}

h3 {
    color: #a5999e;
}

p {
    color: ghostwhite;
    font-family: "iA iAWriterMonoS-Regular"
}

a {
    color: #9f6079;
    text-decoration: none;
    font-style: italic;
}

a:visited {
    color: #634a5e;
}

a:hover {
    opacity: 0.25;
    color: #ffe3f396;
    transition: all 0.5s ease-in;    /*     
        border-radius: 0.3125em; */

    /* 5/16 */

    /*     padding: 0.15em; */
}

a:focus {
    color: #ffe3f396;    /*     background-color: #637a98; */
}

a:active {
    color: #8e515b;
    text-decoration: none;
    font-style: italic;
}

hr {
    height: 0.75em;    /* 12/16 */
    background: url(https://qualitygrave.com/img/tilde/flora.png) repeat-x 0;
    border: 0;
}