.hero {

    height:100vh;

    position:relative;

    overflow:hidden;

    background:
    radial-gradient(
        circle at 75% 50%,
        rgba(0,180,255,.18),
        transparent 35%
    ),
    #04101b;

}


.hero__content {

    position:relative;

    z-index:5;

    padding:15vh 8%;

    color:white;

}

#webglSphere {
    position:absolute;
    width:600px;
    height:600px;
    right:0;
    top:50%;
    transform:translateY(-50%);
}

@media screen and (max-width: 479px) {
    #webglSphere {
        position:static;
        width:100vw;
        height:100vw;
        transform:translateY(0%);
    }
    
    .tn-elem__24862185511784539785574 {
        z-index: 9!important;
    }
    
    .tn-elem__24862185511785732877850 {
        top: 350px!important;
        left: 0!important;
        zoom: 0!important;
        
    }
}