homepage.css

header { 
border-bottom-style: solid;
color:blue;
background-image: url("backgrounds/b1.png");
}

.main {
background-image: url("backgrounds/b1.jpg");
font-size:28px;
font-family: Palatino;
color:white;
height:450px;
}


.im{
float: left; 
width: 10%;  
margin-right: 2%; 
margin-left:3%;
margin-top:2%;
}


#b1 {
cursor: pointer;
border-radius: 12px;
background-color: #FFFFFF;
color: black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}

#b1:hover {
background-color:  #3155C6;
color: white;
}

.head {
background-color:#20E2EE;
height:40px
}

.lower {
background-image: url("backgrounds/b1.jpg");
font-size:28px;
font-family: Palatino;
color:white;
height:110px;
}

.image {
cursor:pointer;
border: 1px solid #ddd;
border-radius:10px;
padding: 5px;
width: 150px;
}

.image:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}


div.scroll {
    background-color: white;
    overflow: auto;
    white-space: nowrap;
}


div.scroll a:hover {
    background-color: #777;
}





footer{
border-top-style: solid;
color:blue;
background-image: url("backgrounds/b1.png");
}