/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 22, 2020, 7:33:53 AM
    Author     : davmar
*/

/* Rule 1: Apply to the <body> element and possibly its descendants */
body {

    font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 22px;             /* in pixels (px) */
    margin: 5px 15px 5px 15px;   /* top right bottom left - no commas in between */
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-color: #eee;      /* light gray, same as #eeeeee */

}

div {

    padding-top: 30px;

}

ul > li {

    padding-bottom: 15px;

}

/* Rule 2: Apply to <h1> to <h6> elements */
h1, h2, h3, h4, h5, h6 {

    font-family: "Trebuchet MS", "Segoe UI", Helvetica, Tahoma, Arial, Verdana, sans-serif;
    color: red;
    font-weight: bold;

}

/* Rule 3: Specifically for <h2>. Override the previous rule */
h2 {

    color: blue;
    font-style: italic;

}

/* Rule 4: Apply to all the <p> elements */
p {

    color: black;

}

table.center {

    margin-left:auto;
    margin-right:auto;

}

input[type=text] {

    width: 80px;
    text-align: center;

}

input[type=text]:focus {

    background-color: lightblue;

}

#header, #button {

    text-align: center;

}