.dancing{
    font-family: 'Dancing Script', cursive;
}

.shadows{
    font-family: 'Shadows Into Light', cursive;
}

.indie{
    font-family: 'Indie Flower', cursive;
}

.pacifico{
    font-family: 'Pacifico', cursive;
}

.marker{
    font-family: 'Permanent Marker', cursive;
}

.caveat{
    font-family: 'Caveat', cursive;
}

.zeyada{
    font-family: 'Zeyada', cursive;
}

.nanum{
    font-family: 'Nanum Pen Script', cursive;
}

.rock{
    font-family: 'Rock Salt', cursive;
}

.dream{
    font-size: 24px;
    text-align: center;
    display:block;
    padding: 10px;
    margin-top: 40px;
    color:black;
    float: left;
    width: 25%;
}

.rotate20{
    transform:rotate(20deg);
}

.rotate17{
    transform:rotate(17deg);
}

.rotate7{
    transform:rotate(7deg);
}

.rotateneg7{
    transform:rotate(-7deg);
}

.rotateneg5{
    transform:rotate(-5deg);
}

.rotateneg20{
    transform:rotate(-20deg);
}

.rotate10{
    transform:rotate(10deg);
}

.rotate5
{
    transform:rotate(5deg);
}

.rotate15
{
    transform:rotate(15deg);
}

.rotateneg15
{
    transform:rotate(-15deg);
}

.blue{
    background:rgb(0,85,164);
    color:white;
}


.black{
    background:black;
    color:white;
}

.bluemarker{
    color:#0000ff;
}

.redmarker{
    color:#ff0000;
}

.greenmarker{
    color:#009900;
}

.blackmarker{
    color:black;
}

span#userMessage {
    font-weight: bold;
    color: maroon;
}

div#dreams {
    margin-bottom: 30px;
}