style.css

html, body {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden; /* Hide scrollbars */
}

.hi {
    text-align: center;
    margin: 0;
    padding: 2vh;
    font-family: 'Lobster', cursive; 
    color: whitesmoke;

}

#hi-div {
    /* position: fixed; */
    height: 85vh; 
    width: 100vw;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    background-image: linear-gradient(45deg, #FCA311, #00226a 20%, #CC5A71);
    animation: breathing 10s ease-in-out infinite;
}

#hi {
    font-size: 12vw;
}

#im {
    font-size: 9vw;
}

#akionsight {
    margin-top: 3vh;
    font-size: 3vw;
    font-family: 'Roboto Mono', monospace;
}

#whoami {
    margin: 0;
    
}
.links {
    padding-left: 12.5vw;
    padding-top: 3vh;
    height: 7vh;
    width: 3.5vw;
}

.links2 {
    padding-left: 6vw;
    padding-top: 3vh;
    height: 7vh;
    width: 3.5vw;
    color: #ffff;
}

@keyframes breathing {
    0% {
      background-size: 100% 100%;
    }
    50% {
      background-size: 300% 100%;
    }
    100% {
      background-size: 100% 100%;
    }
  }

#social-div {
    height: 15vh;
    width: 100vw;
    background-image: linear-gradient(45deg, #FCA311, #00226a 20%, #CC5A71);
    animation: breathing 10s ease-in-out infinite;
    padding-top: 1vh;
}