html, body {
  max-width: 100%;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

::selection {
  background: rgba(46,168,230,.35);
}

section, section * {
  opacity: 1;
  visibility: visible;
}

.footer-link{
  position:relative;
  display:inline-block;
  color:rgba(255,255,255,.7);
  transition:color .3s ease, transform .3s ease;
}

.footer-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#fff,transparent);
  transition:width .35s ease;
}

.footer-link:hover{
  color:#fff;
  transform:translateX(4px);
}

.footer-link:hover::after{
  width:100%;
}
