:root {
    --pagebg:#232c2f;
    --pagecolor:#65eeb788;
    --border: #588c7388;
}

ul.pages {
    list-style:none;
    margin:auto;
    margin-top: 1rem;
    text-align:center;
}

ul.pages li { display:inline; }

ul.pages li a, ul.pages li.active {
    font-size: 1.2rem; 
    border: 1px solid var(--border); 
    padding:5px;
    margin:2px;
    transition:0.5s ease;
    text-decoration:none;
}

ul.pages li.page a:hover {
    background:var(--pagecolor);
    color:var(--pagebg);
    transition:0.5s ease;
}

ul.pages li.page a {
    background: var(--pagebg);  
    color: var(--pagecolor);
}

ul.pages li.active {
    background:var(--pagecolor);
    color:var(--pagebg);
}

.q {
    border-bottom: 2px solid var(--border);
}

.guestbook-text {
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--border);
}

main {
    margin-top: 0.5rem;
}