/* Social Media Button - Link */

.socialmedia{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 12%;
  z-index: 100;
  margin-left: 1rem;
}

.sidebar{
  position: relative;
  bottom: 0;

  /* background-color: blue; */
  width: 100%;
  height: 100%;

  justify-content: center;
  align-content: end;

  display: grid;
  grid-template-rows: repeat(3, 1fr);
  row-gap: 1fr;

  padding-bottom: 2rem;
  
}



.iconsm img{
  width: 100%;
  size: 1/1;

  pointer-events: none;
}

.iconsm{
  width: 60%;
  size: 1/1;
  
  display: flex;
  justify-content: center;
  align-content: center;

  background:transparent ; 
  border: none;
  border-radius: 20%;
  cursor: pointer;

  transition: background-color 0.2s, border 0.15s;
}

.iconsm:hover{
  background-color: bisque;
}

.iconsm:active{
  background-color: rgb(235, 251, 243);
  border: 0.25rem solid rgb(156, 121, 79);
}

@media only screen and (max-width: 1100px) and (min-width: 800px){
  
  .socialmedia{

    width: 15%;
  }
}

@media only screen and (max-width: 800px) and (min-width: 480px){
  
  .socialmedia{

    width: 20%;
  }
}

@media only screen and (max-width: 480px){
  
  .socialmedia{

    width: 33%;
  }
}