body{
    background-color:#64b5de;
    color:white;
    font-size:20px;
    text-align:center;
}
img{
    height:450px;
    width:350px
    text-align:center;
    border:dotted;
    border-color:white;
    transition: height 2s, filter 1s
    
}
h1{
    text-align:center;
}
p{
    text-align:center;
    color:black
}
div.made{
    border-style:dotted;
    font-size:30px;
    color:white;
}
h2{
    text-decoration:underline;
    text-align:center;
}
a{
    color:blue;
}
a:hover{
    background-color:#64b5de;
    color:white;
}
.bb:hover::after{
		        background-color:Pink;
		        content:" My Basketball Team is below!";
		        text-size:20px
		    }
img.team:hover {
    height: 500px;
    filter: brightness(150%);
}
img.play:hover {
    height: 500px;
    filter: brightness(150%);
}
img.square {
    width: 150px;
    height: 150px;
    background-color: white;
    color: white;
    transition: transform 1s, width 1s, height 1s;
}
.square:hover {
    transform: rotate(360deg);
    width: 200px;
    height: 200px;
}
img.shadow-filter:hover {
    filter: drop-shadow(10px 10px 12px #c242f5);
}
.pumpkin:hover{
    color:orange;
}
img.pumpkin-cat:hover {
    filter: contrast(200%);
}
img.grayscale:hover {
    filter: grayscale(62%);
}
.thunder:hover{
    color:gray;
}
.swim:hover::after{
		        content:"🏊";
		        text-size:20px
		    }
img.mom:active{
    filter:brightness(50%);
}
.jewell:hover{
    filter: drop-shadow(10px 10px 12px aqua);
}
.jj:hover{
    color:#FC0FC0;
}
.dad:hover{
    filter: drop-shadow(10px 10px 12px darkblue);
}
img.cousins:hover {
    filter: sepia(75%);
}
img.first:active {
    filter: hue-rotate(90deg);
}
img.sis:hover {
    filter: opacity(50%);
}
img.invert:active {
    filter: invert(100%);
}
img.out:active {
    filter: contrast(200%);
}
img.bright:active{
    filter:brightness(143%);
}
img.friend:hover{
    filter: sepia(75%);
}
img.invert-c:hover {
    filter: invert(100%);
}