:root {
    --pagebg:#232c2f;
    --pagecolor:#65eeb788;
    --button-border-color: #588c7388; 
    --button-color: #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);
}

h1, h3, p {
    margin: 0.5rem;
}

main {
    margin-top: 0.5rem;
}

input[type="text"], textarea {
    width: 30vw;
    margin-bottom: 0.5rem;
}

input[type="submit"] {
    background-color: var(--button-color);
    border-color: var(--button-border-color);
    padding: 0.5rem;
}