body {
    overflow: hidden;
}
#page2{
    height: 100%;
    position: relative;
    touch-action: none;
    transition: all 700ms ease;
}
.experience{
    padding:10px 25px;
    background: #000;
    opacity: 0.32;
    margin-left:-75px;
    color:#fff;
}
.experience:hover{
    opacity:1;
    color: #fff;
}
.g-circular-r{
    width:1000px;
    height:1000px;
    right: -67%;
    top: 15%;
    border:2px dashed #c3efef;
    border-radius: 50%;
    position: absolute;
}

.g-circular-l{
    width:1000px;
    height:1000px;
    left: -66%;
    top: -154%;
    border:2px dashed #c3efef;
    border-radius: 50%;
    position: absolute;
}
.arrow-down1{
    left: 49%;
    margin-top: 7vh;
}
.overflow-y{
    max-height:460px;
    overflow-y: auto;
}
.arrow-down2{
    position: relative;
    left: 48.8%;
    margin-top: 2vh;
}
.g-circular-arrow{
    width:500px;
    height:500px;
    border-left:1px solid #c3efef;
    transform: rotateZ(45deg);
    float: left;
    margin-left: 37px;
    margin-top: 100px;
}
.g-circular-square{
    width:15px;
    height:10px;
    background: #c3efef;
    margin-top: 212px;
    float: left;
    margin-left: -7px;
}