body {
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSSxK7JhGqZ1NMZeBlfX2_gyLGwrfuFZmggzJ-WTf6Few&s=10);
}

.shelf {
    background-color: gray;
    margin-top: 100px;
    width: 800px;
    height: 45px;
}

.orange-pic {
    height: 400px;
    border: #000000 solid 4px;
    margin-top: 12px;
}

.orange-pic:hover {
    border: rgb(53, 60, 76) solid 5px;
}

.about-me {
    background-color: white;
    width: 345px;
    height: 150px;
    padding: 10px;
    border: #000000 solid 3px;
    transition: all .1s;
}

.about-me:hover {
    transform: scale(1.02);
}

.about-me h2{
    display: flex;
    justify-content: center;
    border-bottom: #000000 solid 1px;
    height: 35px;
}

.about-me p {
    display: flex;
    justify-content: center;
}

.programs {
    background-color: white;
    width: 345px;
    height: 150px;
    padding: 10px;
    margin-top: 55px;
    border: #000000 solid 3px;
    transition: all .1s;
}

.programs:hover {
    transform: scale(1.02);
}

.programs h2 {
    display: flex;
    justify-content: center;
    border-bottom: #000000 solid 1px;
    height: 35px;
}

.programs p {
    display: flex;
    justify-content: center;
}

.projects {
    position: absolute;
    background-color: white;
    padding: 10px;
    left: 850px;
    top: 10px;
    width: 550px;
    border: #000000 solid 3px;
    transition: all .1s;
}

.projects:hover {
    transform: scale(1.02);
}

.projects h1 {
    display: flex;
    justify-content: center;
    height: 45px;
    border-bottom: #000000 solid 1px;
}

.projects p {
    display: flex;
    justify-content: center;
    color: gray;
    height: 10px;
}

.albums {
    cursor: pointer;
    transition: all .1s;
}

.albums:hover {
    border: rgb(53, 60, 76) solid 3px;
    transform: scale(1.02);
}

.keychain {
    transition: all .1s;
}

.keychain:hover {
    transform: scale(1.02);
}