* {

    border: 1px black solid;

}

body {
    margin:0;
    height:100vh;
    background:
            linear-gradient(
                    135deg,
                    hsl(279deg 33% 47%) 0%,
                    hsl(279deg 40% 33%) 39%,
                    hsl(279deg 62% 19%) 61%,
                    hsl(279deg 94% 7%) 100%
            );
    background-size:300% 100%,cover;
    animation:change 4s linear infinite;
    animation-direction: alternate;
}

@keyframes change {
    from {
        background-position:right,center;
    }
}

h1, h2, h3, p {

    font-family: Lato, sans-serif;
    color: white;

}

.bg-light {

    background-color: white;

    border-color: red;
    padding: 0;

}

.navbar-brand {

    padding-left: 15px;

}

.nav-link {

    background-color: white;
    color: #4A245E;

    animation: 500ms;

}

.nav-link:hover {

    background-color: #4A245E;
    color: white;

}

h1 {

    font-size: 8vw;

}


h2 {

    font-size: 4vw;

}

h3 {

    font-size: 3vw;

}

p {

    font-size: 2vw;

}

.container {

    padding: 1vw;

    align-content: center;

}