@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400');
html{
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
body{
    position: relative;
    font-family: 'Kumbh Sans';
    color: #343A40;
    font-size: 1vw;
    font-weight: 400;
    height: 100%;
    width: 100%;
    line-height: 1.6em;
    background-color: #f5f5f5;
    background-size: cover;
    overflow: hidden;
    user-select: none;
}
.logo-part{
    fill:#343A40;
}
.logo-part2{
    animation: logo-animation 5s ease infinite;
    transform-origin: center;
}
.welcome{
    position: absolute;
    width: 100%;
    max-width: 1000px;
    padding: 5em;
    text-align: center;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
}
.welcome h1{
    font-size: 2vw;
}
.welcome a{
    color: #53595f;
    text-decoration: none;
    font-size: 1.8vw;
    transition: .3s color ease;
}
.welcome a:hover{
    color: orange;
}
.welcome img{
    border: 5px solid orange;
}
@keyframes logo-animation {
    0% { transform: scaleX(1); fill:#343A40; }
    25% { transform: scaleX(-1); fill:orange;}
    50% { transform: scaleX(-1); fill:orange;}
    75% { transform: scaleX(1); fill:#343A40;}
    100% { transform: scaleX(1); fill:#343A40;}
}
@media screen and (max-width: 600px) {
    .welcome h1{
      font-size: 6vw;
    }
    .welcome a{
        font-size: 5vw;
    }
  }