*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

selection.box1{
   margin-top: 50px;
}

.container{
 display: flex;
 align-items: center;
 flex-direction: column;
}

.container{
    height: 100vh;
    width: 100%;
    background: linear-gradient(45deg, #000133, #7175FF, #3f46ff, #0B0C30);
    background-size: 200% 350%;
    animation: color 10s ease-in-out infinite;
}

@keyframes color{
    0%{
        background-position: 0 50%;
    }

    50%{
        background-position: 100% 50%;
    }

    100%{
        background-position: 0 50%;
    }
}

.logo{
    width: 100%;
    max-width: 180px;
    max-height: 180px;
}

.logo img{
    width: 120%;
    height: 115%;
    position: center;
    margin-left: -13px;
}

.pixel{
    position: absolute;
    top: 615px;
}

.link6{
    position: absolute;
    top: 575px;
}

.link5{
    position: absolute;
    top: 500px;
}

.link4{
    position: absolute;
    top: 425px;
}

.link3{
    position: absolute;
    top: 350px;
}

.link2{
    position: absolute;
    top: 275px;
}

.link1{
    position: absolute;
    top: 200px;
}