.footer-container{
    height: max-content;
    width: 100vw;
    background-color: black;
    border-top: medium solid gold;

}small{
    color: gold;
    padding-left: 10px;
}
.container{
    height: 10vh;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    
   
}
.container a{
   color: white;
   height: 30px;
   width: 30px;
   border-radius:50%;
   display: flex;
   justify-content: center;
   align-items: center;
  
}.container a:hover{
    background-color: white;
   

}

.container a:hover .bi-facebook{
    color: blue;
}
.container a:hover .bi-twitter-x{
    color: black;
}
.container a:hover .bi-github{
    color: purple;
}
.container a:hover .bi-youtube{
    color: red;
}
.container a:hover .bi-instagram{
    color: orangered;
}
.container a:hover .bi-messenger{
    color: rgb(3, 123, 197);
}
.container a:hover .bi-whatsapp{
    color: green;
}







@media (max-width:600px) {
  
   .container{
    width: 80%;
   }
}