.icons{
    display:flex;
    column-gap:25px;
    justify-content: end;
    height:70px; 
    /* background-color: #121212;  */
    padding-top: 12px;
    padding-right: 12px;
}
.icon{
    width:3rem;
    height:3rem;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 26px;
    color:#000000;
    border-radius: 50%;
    outline: 2px solid #000000;
    transition-property: 
     outline-offset,outline-color,
     background-color;
     transition-duration: .25s;
}
.icon:hover{
    outline-offset: 4px;
    color: #ffff;
   
}

.icon:hover i{
    animation:shake .25s;
}
.icon--instagram:hover{
    background-image:
    radial-gradient(circle at 30% 107%,
    #fdf497 0%,#fdf497 5%,
    #fd5949 45%, #d6249f 60%,
    #285AEB 90%);
    outline-color: #a02d76;
}
@keyframes shake{
    10% {transform: rotate(15deg);}
    20% {transform: rotate(-15deg);}
    30% {transform: rotate(15deg);}
    40% {transform: rotate(-15deg);}
} 

.icon--twitter:hover {
    background-color: #1da1f2;
    outline-color: #1da1f2;
}
.icon--linkedin:hover{
    background-color: #569ec5;
        outline-color: #0077b5;
}
.icon--facebook:hover{
    background-color: #1877F2;
    outline-color: #1877F2;
}
.qw{
    background-image:url("https://cdn.statusqueen.com/dpimages/thumbnail/dp_images_8-1279.jpg");
    background-repeat: no-repeat;
     height:20vw;
        width:20vw;
    border-radius: 50%;
}


/* .aa {
    display: block;
    color: rgb(255, 255, 255);
}; */
/* body{
    background-color:black;
} */