/* Style file for araph.org */

body {background-color: #AFEEEE;
    font-family: "Fira sans", sans, arial, helvetica}
    
h1   {color: blue;
    font-family: sans, arial, helvetica;
    font-weight: 900}

label {
    font-family: "Fira sans", arial, sans, helvetica;
    border: none;
    font-weight: 700;
    padding: 15px 0px;
}

.element {
    display: block;
    margin: 5px 0;
}

.formartist {
    float: center;
    margin: 5px;
    padding: 15px;
    width: 300px;
    height: 120px;
    border: 1px solid blue;
}

.formalbum {
    float: center;
    margin: 5px;
    padding: 15px;
    width: 300px;
    height: 500px;
    border: 1px solid blue;
}

.query {
    float: center;
    margin: 5px;
    padding: 15px;
    width: 1000px;
}

ul#menu {
    padding: 0;
}

ul#menu li {
    display: inline;
}

ul#menu li a {
    background-color: #3366FF;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: orange;
}

<style>
    footer {
	    position: relative;
	    height: 300px;
	    width: 100%;
	    background-color: #333333;
    }

    p.copyright {
	    position: absolute;
	    width: 100%;
	    color: #f8c471;
	    #color: #0000ff;
	    line-height: 40px;
	    font-size: small;
	    text-align: center;
	    bottom: 0;
    }
</style>