:root{
    --aaa:0;
}
.imag{
    margin: 0%;
    display: grid;
    justify-content: center;
    background-color: rgb(60, 97, 102);
    background-image: url(brrbrrcable.jpg);
    background-position: center;
    background-size: 100vh;
}
.html{background-image: url(imag.png);
}
#bou{
    opacity: var(--aaa);
    top: 0%;
    left: 50%;
    transform: translate(-50%,0%);
    justify-self: center;
    width:60vw;
    pointer-events: none;
    position:fixed;
    z-index: -1;
}

.centert{
    justify-self: center;
    z-index: 3;
    text-shadow: 0vw 0.8vw rgba(0, 0, 0, 0.116) ;
    color: rgb(238, 126, 178);
    opacity: calc(1 - var(--aaa)*0.5);
    font-size: 5vw;
    position:sticky;
    text-align: center;
    top: 10vh;
    width: 60vw;
}
.pol{
    display: flex;
    flex-direction: column;
}
.pol img{
    border-radius: 0.3vw;
    position: relative;
    margin: 8vw;
    object-fit: cover;
    height: 20vw;
    width: 16vw;
    background-image: linear-gradient(rgb(137, 137, 147),rgb(87, 101, 98));
    padding: 1vw;
    padding-bottom: 4vw;
}
#p1{
    right: -50vw;
    rotate: 16deg;
}
#p2{
right: 6vw;
rotate: -16deg;
}
.sidegrad{
    pointer-events: none;
    z-index: 1;
    background-image: linear-gradient(to right ,rgba(130, 23, 23, 0.331),rgba(0, 0, 255, 0),rgba(130, 23, 23, 0.331));
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0%;
    right: 0%;
}
.end{
    margin-bottom: 0%;
    height: 20vw;
    z-index: 4;
    width: 100vw;
    background-image: linear-gradient(rgba(138, 109, 109, 0),rgb(53, 55, 64),rgb(53, 55, 64),rgb(53, 55, 64));
}
.creditext{
    margin: 10vw;
    background-image: linear-gradient(rgb(0, 255, 132),rgb(238, 255, 181));
    background-clip: text;
    color:transparent;
    position: relative;
    text-align: center;
    font-size: 2vw;
}
.circle{
    scrollbar-width: none;
    -ms-overflow-style: none;
    justify-self: center;
    rotate: 100deg;
    z-index: 2;
    flex-direction: column;
    display: flex;
    justify-self: center;
    overflow-y: scroll;
    height: 110vw;
    width: 5cm;
}
.circle::-webkit-scrollbar {
  display: none;
}
.circle img{
    margin: 5vw;
    rotate: -280deg;
    height: 100%;
    width: 100%;
}
.divbox{
    position: absolute;
    top: 100vh;
    width: 100vw;
    justify-self: center;
    overflow: hidden;
}