/*
  Fred's Lab Website
  (c) Frédéric Meslin 2016 - 2025
  All rights reserved
  email: info@fredslab.net
  Footer Styling
*/

.footer{
  height: 64px;
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
  color: #cccccc;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  background-color: #282828;
}

.footer .copyright{
  height: 32px;
  margin: auto;
  margin-left: 16px;
}

.footer .socials {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: 16px;
}

.footer .socials img {
  width: 24px;
  height: 24px;
  filter: grayscale(50%) brightness(100%);
  transition: filter 0.2s ease;
}

.footer .socials img:hover {
  filter: none;
}

.footer a{
  color: #cccccc;
}

.footer a:hover{
  color: white;
}

.shortcuts{
  height: 32px;
  margin: auto;
  margin-right: 16px;
  font-size: 16px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  text-align: center;
}

.shortcuts .item{
  margin: auto;
  margin-left: 16px;
  margin-right: 0px;
  line-height: 16px;
}