h1, .jumbotron {
text-align: center;
color: #424242;
font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
letter-spacing: 0.1em;
text-align: center;
margin: 40px auto;
text-transform: lowercase;
line-height: 145%;
font-size: 14pt;
font-variant: small-caps;
	color: white;
}

body {
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  text-align: center;
  color:white
}


.jumbotron {
    background-image:url(https://parentesis.com/imagesPosts/HarryPotter-g);
    height:290px;
    width:1145px;
}


.btn {   
  font-family: cursive;
  height: 100px;
  width: 200px;
  font-size: 30px;

  color: goldenrod;
  background-image: url(https://i.pinimg.com/236x/9c/61/22/9c61222f9620d862692a65413b6de1c7--background-images-iphone-backgrounds.jpg);
    
}

#hihi {
  cursor:pointer;
  width: 400px;
	height: 400px;
}

/* //buttoncommands list// */
.btn:hover, 
.btn:focus, 
.btn:active, 
.btn.active, 
.open .dropdown-toggle.btn { 
  color: #ffffff; 
  background-color: #000000; 
  border-color: #FFFFFF; 
} 
 
.btn:active, 
.btn.active, 
.open .dropdown-toggle.btn { 
  background-image: none; 
} 
 
.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn, 
.btn.disabled:hover, 
.btn[disabled]:hover, 
fieldset[disabled] .btn:hover, 
.btn.disabled:focus, 
.btn[disabled]:focus, 
fieldset[disabled] .btn:focus, 
.btn.disabled:active, 
.btn[disabled]:active, 
fieldset[disabled] .btn:active, 
.btn.disabled.active, 
.btn[disabled].active, 
fieldset[disabled] .btn.active { 
  background-color: #B8A351; 
  border-color: #FFFFFF; 
} 
 
.btn .badge { 
  color: #B8A351; 
  background-color: #ffffff; 
}