* {
    margin: 0;
    padding: 0;
    font-family:Sans-serif;
    overflow: hidden;
}
html, body{
  height: 100%;
}
div{
   
   width: 100%;
   height: 100%;
   min-height: 1000px;
   float: left;
   text-align: center;
   background-color: black;
   position: relative;

}
div a {
    text-decoration: none;
    color:gray;
    
}
div p {
    text-align: center;
    position: absolute;               
   top: 50%; 
   left:50% ;  
   margin-right: -50%;                     
   transform: translate(-50%, -50%) 
}

a:hover {
    color: lightgray;
}        


.fa-brands{
    font-size: 30px;
    color: gray
}
.fa-solid{
    font-size: 50px;
    color: rgb(255, 255, 255);
}
.blink {
    animation: blink 2s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
  }
  @keyframes blink {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink {
    to {
      visibility: hidden;
    }
  }

.fa-terminal:before {
  content: "\f0f3";
  color: lightgray;
}

.fa-regular {
    color: #555;
}
.footer{
    display: flex;
    position: fixed;
    margin: auto;
    bottom: 0;
    height: 2.5rem;
    width: 100%;
    justify-content:center;
    align-items:center;
    color: #555;
    
}