@charset "utf-8";

/*———————————
共通
———————————*/
.daruma {
    font-family: "Darumadrop One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/*———————————
メイン
———————————*/

.ly-main {
    width: 100svw;
    height: 100svh;
    border: solid 12px var(--cl-main);
    place-content: center;
    background-image: url(../img/emoji-y.png);
    background-size: cover;
}

.bl-main_name {
    color: var(--cl-bk);
    font-size: clamp(7rem, 8vw, 8rem);
    text-align: center;
}

.sec-main {}

.sec-Sociallink {
    grid-template-columns: 1fr;
    gap: 20x;
}

.bl-Sociallink_item {
    min-width: 200px;
    max-height: 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 10px 14px 10px 10px;
    text-decoration: none;
    border-radius: 200px;

    &:hover{
        opacity: 0.7;
    }
    & picture {
        flex: 0 0 40px;
        display: grid;
        place-items: center;
    }

    & span {
        width: fit-content;
        font-weight: bold;
        font-size: var(--fs-lg);
    }

}

.un-Twitch {
    border: 4px solid #6441a4;
    color: #6441a4;

    & img {
        width: 30px;
        height: auto;
    }
}

.un-Twitter {
    border: 4px solid #1da1f2;
    color: #1da1f2;

    & img {
        width: 35px;
        height: auto;
    }
}