body{
    background-image: url("./pictures/cw_bg.jpg");
}

h1{
    text-indent: 20px;
    font-size: 40px;
    color: rgb(227, 227, 255);
}

h2{
    text-align: center;
    font-size: 35px;
    color: rgb(126, 126, 255);
}

h3{
    text-align: center;
    font-size: 18px;
    color: rgb(209, 209, 239);
}

p, li, ul{
    font-size: 20px;
    line-height: 1.5;
    color: rgb(215, 215, 226);
}

td, th{
    text-align: center;
    padding: 8px;
    font-size:16px;
    line-height: 1.5;
    color: rgb(215, 215, 226);
    border: solid;
}

th{
    background-color: rgba(163, 182, 224, 0.496);
}

/*class selector*/
.center-image {
    display: block;
    margin: auto;
    width: 500px;
    height : auto;
  }

/*id selector*/
#click{
    font-size: 20px;
    color: rgb(206, 192, 83);
}

#hover-text:hover{
    color:blanchedalmond;
}

/*pseudo class definitions*/
a:link {
    color: rgb(206, 192, 83);
}

a:active {
    color: rgb(180, 63, 63);
}

a:hover {
    color: rgb(125, 200, 98); /* When the link is hovered */
}

a:visited {
    color: rgb(223, 151, 223);
}