@tailwind base;
@tailwind components;
@tailwind utilities;

/* 共通CSS */
a {
    transition-duration: 0.3s;
}

a:hover {
    opacity: 0.7;
}



/* pagination*/
.navigation.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px;
    font-family: 'Forum';
}

.navigation.pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.navigation.pagination .nav-links .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.navigation.pagination .nav-links .page-numbers.current {
    font-weight: bold;
}


.next.page-numbers {
    width: 42px;
    height: 42px;
    background: white;
    color: #333;
    border: solid 1px;
    border-radius: 2px;
}

.prev.page-numbers {
    width: 42px;
    height: 42px;
    background: white;
    color: #333;
    border: solid 1px;
    border-radius: 2px;
}

.text-black {
    color: #333;
}