html { 
  background: url(photos/featured47@wdd2x.jpg)  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
a{
    text-decoration:none;
}
p{
font-family:sans-serif;
font-size:3em;
font-weight:bold
}


#u{
    display:inline-block;
    margin-left:10px;
    float:left;
    width:250px;
    
    
}
#d{
    display:inline-block;
    margin-top:180px;
    margin-right:50px;
    float:right;
    

}
   
  

 
        #wb:hover{
            width:250px;
            border-radius:10px;
            font-size:X-large;
            color:black;
            text-decoration:none;
             text-align:center;
          
        }
        #ob:hover{
            width:250px;
            border-radius:10px;
            font-size:x-large;
            text-align:center;
            vertical-align:middle;
            
            
        }
      #yb:hover{
            width:250px;
            border-radius:10px;
            font-size:x-large;
             text-align:center;
        }
        #gb:hover{
            width:250px;
            border-radius:10px;
            font-size:x-large;
             text-align:center;
        }
        #pb:hover{
            width:250px;
            border-radius:10px;
            font-size:x-large;
            text-align:center;
        }
        #blb:hover{
            width:250px;
            border-radius:10px;
            font-size:x-large;
             text-align:center;
        }
        #brb:hover{
            width:250px;
            border-radius:10px;
            font-size:x-large;
             text-align:center;
        }
        #rb:hover{
            width:250px;
            border-radius:10px;
            font-size:x-large;
             text-align:center;
        }
        #bb:hover{
            width:250px;
            border-radius:10px;
            font-size:x-large;
             text-align:center;
        }
        #wb{
            background-color:white;
            margin-top:0px;
            height:50px;
            width:40px;
            font-size:0;
            
            
        }
        #ob{
            background-color:#FFAD5C;
            height:50px;
            width:40px;
            font-size:0;
            -webkit-animation: hi 3s infinite;
            
           
        }
        #yb{
            background-color:#FFFF75;
            height:50px;
            width:40px;
            font-size:0;
        }
        #gb{
            background-color:#8DB600;
            height:50px;
            width:40px;
            font-size:0;
        }
        #pb{
background-color:#9975B9;
            height:50px;
            width:40px;
            font-size:0;
        }
        #blb{
            background-color:#4C4CFF;
            height:50px;
            width:40px;
            font-size:0;
        }
        #brb{
            background-color:brown;
            height:50px;
            width:40px;
            font-size:0;
        }
        #rb{
            background-color:#FF4C4C;
            height:50px;
            width:40px;
            font-size:0;
        }
        #bb{
            margin-top:80px;
            background-color:black;
            
            height:50px;
            width:40px;
            font-size:0;
        }
        
/**@media only screen 
and (max-width:480px) {
    body {
        background-image:url(photos/orange_smiley_faces_on_white_background_seamless.jpg);
        -webkit-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 100%;
        text-align: center;
    }
}*/