bv_css.css

/* Bourdon Vos Test - Stimuli Presentation (i.e. Task)
    Written in conjuction with other BV files
    Author: Sally A.M. Hogenboom
    Version Control via Git
*/

/* CREATE & SET VARIABLES */
:root {
    --bgColor: MediumSpringGreen;  /*NOTE: no space between the -- and the variable name*/
    --fontColor: Black;
    --buttonColor: Black;
    --buttonText: White;
    --fontFamily: Verdana; 
}


/* BODY */
body {
    background-color: var(--bgColor);
    
}

/* ALL BUTTONS */
button {
    display: block;           /* create block otherwise won't center */
    text-align: center;      /* center text within button */
    color: var(--buttonText);                /* font color */
    margin: 0 auto;         /* center on page */
    width: 20%;               /* enlarge button */
    background-color: var(--buttonColor);
    border-style: solid;
    border-width: 1px;
    border-color: var(--buttonText);
    text-transform: uppercase;
}

.bug {
    position: fixed;
    top: 2px;
    right: 2px;
    width: 10%;
}

div {
    margin: auto;
    border-color: var(--bgColor);
}

canvas {
    border-style: solid;
    border-color: var(--bgColor);
    border-width: 1px;
    background-color: White;
}

.practice {
    border-style: solid;
    border-color: var(--bgColor);
    border-width: 10px;
    background-color: White;
}

H6 {
    font-size: 20px;
    font-family: var(--fontFamily);
    line-height: 2;
}

form {
    font-size: 10px;
    font-family: var(--fontFamily);
}

table {
    border-collapse: collapse;
    width: 50%;
    margin: auto;
}

table, th, td {
    border: 2px solid black;
    text-align: center;
    padding: 10px;
}

th {
    background-color: black;
    color: white;
    border-color: black;
    text-align: center;
}