@charset "UTF-8";

body {
    color: #555;
    background: rgb(247, 245, 243);
}

h2,
h3{
    color: rgb(66, 85, 133);
}

a {
    color: rgb(59, 84, 148);
}

a:hover,
.menu a:hover {
    color: #0bd;
}

.menu {
    background-color: black;
    color: rgb(185, 185, 185);
}

.menu a {
    color: rgb(185, 185, 185);
}

footer{
    color: rgb(48, 48, 48);
}

.main::-webkit-scrollbar-track {
    background: white;
}
.main::-webkit-scrollbar-thumb {
    background: rgb(66, 85, 133);
    border-radius: 2px;
}

.menu::-webkit-scrollbar-track {
    background: rgb(37, 37, 37);
}
.menu::-webkit-scrollbar-thumb {
    background: rgb(66, 85, 133);
    border-radius: 2px;
}

.grey{
    color: #bbb;
}

@media (max-width: 650px) {
    .menu{
        transition: all .5s;
        background-color: rgba(0, 0, 0, 0);
    }

    .menu.color{
        height: 100vh;
        transition: all .5s;
        background-color: rgba(0, 0, 0, .85);
    }

    .menu-trigger span {
        background-color: rgb(185, 185, 185);
    }
}

/*
あとで消す
.main{
    background: rgb(173, 190, 174);
}
-------------------------------------------------- */