* {
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
}

body {
  background-color: #191f30;
  color: #fff;
}
.container {
  width: 100%;
  height: 100vh;
}
a{
  background: transparent;
  text-decoration: none;
font-size: 40px;
}

.social-icons > a > i {
  color: #fff;
  background: transparent;
}
.wrap
{
  font-size: clamp(1.2rem, 2.5vw, 5rem); 
  text-align: center;
}

.social-icons > a > i:hover{
 color: #ffee10
}

@media(max-width:576px)
{
  .wrap
  {
    text-align: center;
  }
}