h1{ 
  /*This sets the settings for the welcome page*/
    font-family:'Courier New', Courier, monospace; 

    font-size: 50px; 

} 

img{
  /*This sets the height and width of all images, interactable images are altered later so this only applies to the image at the top*/
	height: 300px;
width: 300px;
}
 
/*hello*/
body{ 
    background-color: AliceBlue;  
    font-family:'Courier New', Courier, monospace; 

    text-align: center; 

} 
 

.title{ 
/*makes it so the text stacks against each other, floats left so that the text will collide hit boxes, sets font-weight to bold just cause it looks nice (:*/
    display:inline; 

    float:left; 

    font-weight:bold; 

} 

 
 
/*all interact class elements are set to a border of cadetblue*/
.interact{ 

    border: CadetBlue 5px solid; 
    
    transition: transform 0.5s;
} 

/*on hover over image, scale increases, border darkens, image brightens.*/
.interact:hover{ 

    transform: scale(0.95); 
    border: DarkCyan 5px solid; 
    filter: brightness(125%);
}