@font-face {
    font-family: SF Pro Display;
    src: url(SFProDisplay-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(SFProDisplay-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(SFProDisplay-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

html {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #666;
    height: 100%;
    overflow: auto
}

body {
    height: 100%;
}

#tomyo-footer {
    background-color: #101010;
}

#tomyo-footer * {
    list-style-type: none;
    color: white;
    white-space: nowrap;
}

.footer-hover {
    width: max-content;
    margin-bottom: 7px;
    cursor: pointer;
    opacity: 0.5;
    transition: all .25s cubic-bezier(.25, .8, .25, 1);
}

.footer-hover svg {
    margin-right: 5px;
}

.footer-li {
    width: max-content;
}

.footer-li b {
    font-weight: 700 !important;
}

.footer-hover:hover {
    opacity: 1 !important;
}

.footer-link {
    display: block;
    background-color: white;
    height: 1px;
    width: 0px;
    transition: width .25s cubic-bezier(.25, .8, .25, 1);
}

.footer-hover:hover .footer-link {
    width: 100%;
}

#footer-c * {
    font-family: SF Pro Display, Helvetica Neue, Arial, Noto Sans, sans-serif;
    font-size: 14px !important;
}