hero-content body {
            margin: 0;
            padding: 0;
            overflow-x: hidden;
            overflow-y: auto;
            backface-visibility: hidden;
        }
        #overlay {
            background-color: #000;
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 99;
            opacity: 0.08;
        }
        #scene {
            padding: 0;
            margin: 0;
            width: 115%;
            height: 120vh;
            overflow: hidden;
            top: -5%;
            left: -5%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
        }
        main {
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }
        .wrapper {
            position: absolute;
            top: 25%;
            left: 10%;
            right: 10%;
            z-index: 101;
        }
        .wrapperloginpanel {
            position: absolute;
            top: 38%;
            left: 45%;
            right: 45%;
            z-index: 101;
        }
        .loginpanel {
            position: absolute;
            top: 58%;
            left: 50%;
            z-index: 101;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            text-align: center;
        }
        .layer {
            width: 110%;
            height: 120vh;
            overflow: hidden;
        }
        .layer2 {
            /*background-image: url(img/background/earth2-2.png);*/
            background-image: url(img/background/earth2.png);
            background-size: cover;
            background-position: center;
            position: absolute;
            width: 100%;
            height: 100%;
            left: -5%;
            top: -5%;
        }
        .layer1 {
            background-image: url(img/background/space1.jpg);
            background-position: center;
            background-size: cover;
            position: absolute;
            width: 100%;
            height: 100%;
            left: -5%;
            top: -5%;
        }
        .frosted-glass-1 {
            background: linear-gradient(to bottom, RGBA(51, 112, 155, 0.3), rgba(51, 112, 155, 0.6));
            border-radius: 10px;
            padding: 5px 6px 2px 15px;
        }
        .frosted-glass-2 {
            background: linear-gradient(to bottom, RGBA(51, 112, 155, 0.4), rgba(51, 112, 155, 0.7));
            border-radius: 8px;
            padding: 0px 5px 0px 10px;
        }
        .stratos-text-shadow-large {
            text-shadow: #bbb 0 0 1px, #fff 0 -1px 2px, #fff 0 -3px 2px, rgba(51, 112, 155, 0.7) 5px 12px 8px;
            transition: margin-left 0.3s cubic-bezier(0, 1, 0, 1);
        }
        .neuroverse-text-shadow-large {
            text-shadow: #bbb 0 0 1px, #fff 0 -1px 2px, #fff 0 -3px 2px, rgba(51, 112, 155, 0.4) 5px 12px 8px;
            transition: margin-left 0.3s cubic-bezier(0, 1, 0, 1);
        }
        .stratos-text-shadow-medium {
            text-shadow: #bbb 0 0 1px, #fff 0 -1px 1px, #fff 0 -2px 2px, rgba(51, 112, 155, 0.8) 3px 8px 5px;
            transition: margin-left 0.3s cubic-bezier(0, 1, 0, 1);
        }
        @media (max-width:1200px) and (min-width:700px) {
            .wrapper img {
                width: 220px;
                height: auto;
            }
        }
        @media (max-width:700px) {
            .layer2 {
                background-size: cover;
                background-position: center;
                width: 167%;
                height: 77vh;
                left: -69%;
                top: 27%;
            }
            .layer1 {
                background-position: center;
                background-size: cover;
                width: 100%;
                height: 115%;
                left: -5%;
                top: -1%;
            }
            .wrapper img {
                width: 180px;
                height: auto;
            }
        }