@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');

* {
    margin: 0;
    padding: 0;
}

html {
    display: block;
    height: 100vh;
    width: 100vw;
}

body {
    background: linear-gradient(298deg, #09d394, #ffe691, #abe5ff, #273ee2);
    background-size: 800% 800%;

    -webkit-animation: nun 7s ease infinite;
    -moz-animation: nun 7s ease infinite;
    animation: nun 7s ease infinite;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@-webkit-keyframes nun {
    0%{background-position:0% 96%}
    50%{background-position:100% 5%}
    100%{background-position:0% 96%}
}
@-moz-keyframes nun {
    0%{background-position:0% 96%}
    50%{background-position:100% 5%}
    100%{background-position:0% 96%}
}
@keyframes nun {
    0%{background-position:0% 96%}
    50%{background-position:100% 5%}
    100%{background-position:0% 96%}
}

.nun, p, a {
    position: absolute;
    top:40%;
    left: 50%;
    transform: translateX(-50%) translateY(150px);
    opacity: 0;
}

p {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(30px, 5vw, 90px);
    color: white;
}
.nun {
    width: 80vw;
    max-width: 950px;
}

.van__logo {
    width: 100%;
}

.van__arrow {
    height: 100px;
    padding: 70px 0 0 40px;
}

svg path {
    fill: white;
}

a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 90vw;
    max-width: 950px;
}