design.css

/**

***This will be the design for the elements of helloworld.html

**/

#mainContent
{
    margin: 0px 50px 0px 50px;
    border: 2px solid #7777FF;
    border-radius: 10px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: xx-large;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#mainContent:hover
{
    opacity: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

#clickButton
{
    border: 5px solid #FFFFAA;
    border-radius: 5px;
    background-color: #FFFFCC;
    width: 100px;
    height: 30px;
    opacity: 0.8;
    transition: all .3s ease;
    -webkit-transition: all .3s ease 0.1s;
}

#clickButton:hover
{
    cursor: pointer;
    width: 150px;
    opacity: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

#commentText
{
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: xx-medium;
}