:root
{
    --darkgrey:     #5d737e;
    --forest:       #64b6ac;
    --aqua:         #c0fdfb;
    --mint:         #daffef;
    --offwhite:     #fcfffd;
    
    --borders:       var(--forest);
    --boxfill:       var(--offwhite);
    --highlights:    var(--mint);
    --deftext:       var(--forest);
    --defcol:        var(--aqua);
    --title:         var(--forest);
}

*
{    
    box-sizing: border-box;
}

a:hover
{
    cursor: pointer;
}

.button
{
    border-style: outset;
    border-width: 3px;
    border-color: greenyellow;
    
    text-decoration: none;
    
    text-align: center;
}

button:hover
{ 
    border-style: outset;
}

.button:active
{
    border-style: inset;
    border-width: 4px;
}