/* social media */

#gif1e {
 position: absolute;
width: 20%;
height: auto;
left: 40%;
top: 40%;
z-index: 0;
}

#gif1e:hover {opacity: 0.7;}

#gif2e {
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 40%;
    bottom: -90px;
    width: 54%; /* Full width */
    height: 54%; /* Full height */
    overflow: none; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.0); 
    position: relative;
    transition: 2.3s;

}

#sub5 {
 position: relative;
    -webkit-animation-name: popup; 
    -webkit-animation-duration: 1s; 
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes popup {
    0%   {left:0px; top:0px;}
    100% {left:40px; top:80px;}