@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+Mono:wght@900&family=Noto+Sans:wght@700;800;900&family=Nunito:wght@500&family=Roboto+Slab:wght@900&display=swap');

.hello {
    margin-left: 5vw;

    font-family: "Noto Sans";
    font-weight: 700;
    font-size: 86px;
    color: #e7eae2;
}

.home-body {
    margin-top: 37vh;
}

.hello-btn {
    margin-right: 5vw;
}

header {
    height: 10vh;
}

footer {
    display: flex;
    height: 10vh;
    align-items: center;
    justify-content: center;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.footer-text {
    font-family: "Lato";
    font-weight: 300;
    font-size: 1.5vh;
    color: #e7eae2;
}

.footer-body {
    display: flex;
    align-items: center;
}

.footer-button {
    padding-left: 2vh;
}


.gradient {
    /* background-image: linear-gradient(to bottom right, #194119, #103751 ); */
    background-image: linear-gradient(to bottom right, #3c152d, #163143);
    /* filter: blur(0.5rem); */
}

.icon-list {
    margin-top: 3vh;
    margin-right: 5vh;
    display: flex;
    flex-direction: row;
}

.header-btn {
    margin-right: 3vh;
}

.header-logo {
    font-family: "Lato";
    font-weight: 300;
    font-size: 2vh;
    color: #e7eae2;
    margin-top: 3vh;
    margin-left: 12vh;
}

.invis {
    opacity: 0;
}

.fade-in {
    /* animation-delay: 2000ms; */
    animation: fadeIn 0.75s;
    /* -webkit-animation-delay: 2000ms; */
    -webkit-animation: fadeIn 0.75s;
    /* -moz-animation-delay: 2000ms; */
    -moz-animation: fadeIn 0.75s;
    /* -o-animation-delay: 2000ms; */
    -o-animation: fadeIn 0.75s;
    -ms-animation: fadeIn 0.75s;
  }
  
  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }