.mars span.planet-name {
    z-index: 9 !important;
}
img[src="assets/img/picture7b.png"] {
    width: 127px !important;
    top: 69px !important;
    transform: translate(10px, -1px) rotate(-16deg) !important;
}
button:hover,
button:focus {
    outline: none;
}
.videoBox {
    height: 100vh !important;
    filter: brightness(0.3);
}
.videoBox video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100vh;
    /* width: 100%;
height: 100%; */
}
.bir {
    border: none !important;
}
/* @keyframes orbit {
from {
  transform: rotate(0deg);
}
to {
  transform: rotate(-360deg);
}
} */
*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
}

body {
    font: normal 1em/1.45em "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    /* background: radial-gradient(ellipse at bottom, #1c2837 0%, #050608 100%); */
    background: #000;
    background-attachment: fixed;
}

.solar-syst {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
}
.solar-syst:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 2px;
    top: 50%;
    left: 50%;
    background: transparent;
}

.pluto,
.ring,
.neptune,
.uranus,
.saturn,
.jupiter,
.asteroid-belt,
.mars,
.earth,
.venus,
.mercury,
.sun {
    border-radius: 1000px;
    top: 50%;
    left: 50%;
    position: absolute;
    /* z-index: 999; */
}

.pluto,
.neptune,
.uranus,
.saturn,
.jupiter,
.asteroid-belt,
.mars,
.earth,
.venus,
.mercury {
    border: 2px dashed #4e7831;
}
.pluto:before,
.neptune:before,
.uranus:before,
.saturn:before,
.jupiter:before,
.asteroid-belt:before,
.mars:before,
.earth:before,
.venus:before,
.mercury:before,
.ring::before {
    left: 50%;
    border-radius: 100px;
    content: "";
    position: absolute;
}

.pluto:before,
.ring:before,
.neptune:before,
.uranus:before,
.saturn:before,
.jupiter:before,
.mars:before,
.earth:before,
.venus:before,
.mercury:before,
.sun:before {
    box-shadow: inset 0 6px 0 -2px rgba(0, 0, 0, 0.25);
}

.sun {
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    /* background: radial-gradient( ellipse at center, #ffd000 1%, #f9b700 39%, #f9b700 39%, #e06317 100% ); */
    background-image: url(../img/sun.png);
    border: 0 !important;
    background-size: contain;
    transform: scale(1.5);
    /* box-shadow: 0 0 10px 2px rgb(255 107 0 / 40%), 0 0 22px 11px rgb(255 203 0 / 13%); */
}

.mercury {
    height: 70px;
    width: 70px;
    margin-top: -35px;
    margin-left: -35px;
    -webkit-animation: orbit 7.2252552523s linear infinite;
    animation: orbit 7.2252552523s linear infinite;
}
.mercury:before {
    height: 4px;
    width: 4px;
    margin-top: -2px;
    margin-left: -2px;
    background: #9f5e26;
}

.venus {
    height: 100px;
    width: 100px;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: orbit 18.4556159606s linear infinite;
    animation: orbit 18.4556159606s linear infinite;
    animation-direction: reverse;
}
.venus:before {
    height: 8px;
    width: 8px;
    margin-top: -4px;
    margin-left: -4px;
    background: #beb768;
}

.earth {
    height: 229px;
    width: 229px;
    margin-top: -115.5px;
    margin-left: -115.5px;
    -webkit-animation: orbit 30s linear infinite;
    animation: orbit 30s linear infinite;
}
.earth:before {
    height: 6px;
    width: 6px;
    margin-top: -3px;
    margin-left: -3px;
    background: #11abe9;
}
.earth:after {
    height: 18px;
    width: 18px;
    margin-top: -9px;
    margin-left: -9px;
    -webkit-animation: orbit 2.2440352158s linear infinite;
    animation: orbit 2.2440352158s linear infinite;
    position: absolute;
    content: "";
    left: 50%;
    top: 0px;
    border-radius: 100px;
    /* box-shadow: 0 -10px 0 -8px grey; */
}

.mars {
    height: 290px;
    width: 290px;
    margin-top: -144px;
    margin-left: -144px;
    -webkit-animation: orbit 56.4244887768s linear infinite;
    animation: orbit 56.4244887768s linear infinite;
}
.mars:before {
    height: 6px;
    width: 6px;
    margin-top: -3px;
    margin-left: -3px;
    background: #cf3921;
}

.asteroid-belt {
    height: 300px;
    width: 300px;
    margin-top: -150px;
    margin-left: -150px;
    -webkit-animation: orbit 179.9558282773s linear infinite;
    animation: orbit 179.9558282773s linear infinite;
    opacity: 0.7;
    border-color: transparent !important;
    overflow: hidden;
}
.asteroid-belt:before {
    height: 210px;
    width: 210px;
    margin-top: -105px;
    margin-left: -105px;
    top: 50%;
    background: transparent;
    border-radius: 140px !important;
    box-shadow: 95px -56px 0 -104px rgba(255, 255, 255, 0.894),
        -100px -43px 0 -104px rgba(255, 255, 255, 0.299),
        18px -137px 0 -104px rgba(255, 255, 255, 0.66),
        -100px 97px 0 -104px rgba(255, 255, 255, 0.663),
        76px 67px 0 -104px rgba(255, 255, 255, 0.127),
        -36px 69px 0 -104px rgba(255, 255, 255, 0.811),
        -114px 109px 0 -104px rgba(255, 255, 255, 0.865),
        -98px -13px 0 -104px rgba(255, 255, 255, 0.849),
        -106px -83px 0 -104px rgba(255, 255, 255, 0.047),
        -94px 122px 0 -104px rgba(255, 255, 255, 0.229),
        -69px 56px 0 -104px rgba(255, 255, 255, 0.886),
        41px 113px 0 -104px rgba(255, 255, 255, 0.031),
        68px -124px 0 -104px rgba(255, 255, 255, 0.876),
        -113px 58px 0 -104px rgba(255, 255, 255, 0.442),
        121px 45px 0 -104px rgba(255, 255, 255, 0.704),
        24px 145px 0 -104px rgba(255, 255, 255, 0.101),
        -122px -36px 0 -104px rgba(255, 255, 255, 0.661),
        -12px -112px 0 -104px rgba(255, 255, 255, 0.49),
        -7px -79px 0 -104px rgba(255, 255, 255, 0.635),
        -22px 54px 0 -104px rgba(255, 255, 255, 0.082),
        60px 129px 0 -104px rgba(255, 255, 255, 0.462),
        101px -27px 0 -104px rgba(255, 255, 255, 0.1),
        48px 8px 0 -104px rgba(255, 255, 255, 0.407),
        -69px -126px 0 -104px rgba(255, 255, 255, 0.515),
        -102px -74px 0 -104px rgba(255, 255, 255, 0.344),
        -62px 7px 0 -104px rgba(255, 255, 255, 0.916),
        -8px -114px 0 -104px rgba(255, 255, 255, 0.784),
        55px 117px 0 -104px rgba(255, 255, 255, 0.346),
        -64px -68px 0 -104px rgba(255, 255, 255, 0.201),
        5px 56px 0 -104px rgba(255, 255, 255, 0.597),
        50px 137px 0 -104px rgba(255, 255, 255, 0.566),
        -106px 40px 0 -104px rgba(255, 255, 255, 0.256),
        -112px -30px 0 -104px rgba(255, 255, 255, 0.352),
        -133px -77px 0 -104px rgba(255, 255, 255, 0.247),
        82px -138px 0 -104px rgba(255, 255, 255, 0.619),
        103px 99px 0 -104px rgba(255, 255, 255, 0.101),
        4px -81px 0 -104px rgba(255, 255, 255, 0.276),
        94px -8px 0 -104px rgba(255, 255, 255, 0.685),
        109px -102px 0 -104px rgba(255, 255, 255, 0.927),
        -76px -51px 0 -104px rgba(255, 255, 255, 0.377),
        -101px -62px 0 -104px rgba(255, 255, 255, 0.819),
        27px 29px 0 -104px rgba(255, 255, 255, 0.731),
        26px -63px 0 -104px rgba(255, 255, 255, 0.091),
        1px 80px 0 -104px rgba(255, 255, 255, 0.6),
        -128px 47px 0 -104px rgba(255, 255, 255, 0.779),
        45px 48px 0 -104px rgba(255, 255, 255, 0.298),
        113px 108px 0 -104px rgba(255, 255, 255, 0.153),
        -100px 135px 0 -104px rgba(255, 255, 255, 0.553),
        -45px 139px 0 -104px rgba(255, 255, 255, 0.039),
        -131px -27px 0 -104px rgba(255, 255, 255, 0.482),
        -132px 7px 0 -104px rgba(255, 255, 255, 0.449),
        -135px 73px 0 -104px rgba(255, 255, 255, 0.786),
        -51px -27px 0 -104px rgba(255, 255, 255, 0.976),
        13px -1px 0 -104px rgba(255, 255, 255, 0.923),
        88px -63px 0 -104px rgba(255, 255, 255, 0.914),
        -120px -93px 0 -104px rgba(255, 255, 255, 0.351),
        139px -91px 0 -104px rgba(255, 255, 255, 0.483),
        -47px 43px 0 -104px rgba(255, 255, 255, 0.448),
        130px 116px 0 -104px rgba(255, 255, 255, 0.873),
        32px 81px 0 -104px rgba(255, 255, 255, 0.742),
        96px 131px 0 -104px rgba(255, 255, 255, 0.424),
        143px -17px 0 -104px rgba(255, 255, 255, 0.11),
        49px -12px 0 -104px rgba(255, 255, 255, 0.636),
        88px 87px 0 -104px rgba(255, 255, 255, 0.147),
        58px 105px 0 -104px rgba(255, 255, 255, 0.632),
        -124px 29px 0 -104px rgba(255, 255, 255, 0.275),
        62px 17px 0 -104px rgba(255, 255, 255, 0.331),
        -111px 144px 0 -104px rgba(255, 255, 255, 0.486),
        48px 82px 0 -104px rgba(255, 255, 255, 0.945),
        -19px -19px 0 -104px rgba(255, 255, 255, 0.152),
        -14px -3px 0 -104px rgba(255, 255, 255, 0.312),
        -43px 68px 0 -104px rgba(255, 255, 255, 0.223),
        139px 78px 0 -104px rgba(255, 255, 255, 0.848),
        -133px 54px 0 -104px rgba(255, 255, 255, 0.67),
        74px -102px 0 -104px rgba(255, 255, 255, 0.101),
        133px -123px 0 -104px rgba(255, 255, 255, 0.878),
        -95px 100px 0 -104px rgba(255, 255, 255, 0.938),
        -28px 3px 0 -104px rgba(255, 255, 255, 0.424),
        52px 125px 0 -104px rgba(255, 255, 255, 0.845),
        67px -49px 0 -104px rgba(255, 255, 255, 0.662),
        -112px 106px 0 -104px rgba(255, 255, 255, 0.008),
        43px -92px 0 -104px rgba(255, 255, 255, 0.04),
        -81px -121px 0 -104px rgba(255, 255, 255, 0.098),
        -51px 123px 0 -104px rgba(255, 255, 255, 0.84),
        64px 74px 0 -104px rgba(255, 255, 255, 0.119),
        -101px 137px 0 -104px rgba(255, 255, 255, 0.396),
        -110px 117px 0 -104px rgba(255, 255, 255, 0.651),
        43px -56px 0 -104px rgba(255, 255, 255, 0.266),
        64px 114px 0 -104px rgba(255, 255, 255, 0.668),
        -52px 134px 0 -104px rgba(255, 255, 255, 0.426),
        -116px -42px 0 -104px rgba(255, 255, 255, 0.16),
        81px -104px 0 -104px rgba(255, 255, 255, 0.823),
        -33px 67px 0 -104px rgba(255, 255, 255, 0.309),
        118px -6px 0 -104px rgba(255, 255, 255, 0.108),
        -74px 72px 0 -104px rgba(255, 255, 255, 0.56),
        44px -4px 0 -104px rgba(255, 255, 255, 0.561),
        14px 117px 0 -104px rgba(255, 255, 255, 0.953),
        91px 116px 0 -104px rgba(255, 255, 255, 0.398),
        -123px 48px 0 -104px rgba(255, 255, 255, 0.255),
        63px -135px 0 -104px rgba(255, 255, 255, 0.086),
        -114px 45px 0 -104px rgba(255, 255, 255, 0.642),
        104px 40px 0 -104px rgba(255, 255, 255, 0.894),
        26px -124px 0 -104px rgba(255, 255, 255, 0.967),
        -75px 38px 0 -104px rgba(255, 255, 255, 0.403),
        -23px 136px 0 -104px rgba(255, 255, 255, 0.388),
        -47px -135px 0 -104px rgba(255, 255, 255, 0.109),
        -13px 69px 0 -104px rgba(255, 255, 255, 0.082),
        42px 64px 0 -104px rgba(255, 255, 255, 0.198),
        -102px 14px 0 -104px rgba(255, 255, 255, 0.809),
        117px -83px 0 -104px rgba(255, 255, 255, 0.319),
        55px -106px 0 -104px rgba(255, 255, 255, 0.21),
        -57px 80px 0 -104px rgba(255, 255, 255, 0.719),
        145px 13px 0 -104px rgba(255, 255, 255, 0.996),
        -91px 22px 0 -104px rgba(255, 255, 255, 0.423),
        -91px 105px 0 -104px rgba(255, 255, 255, 0.787),
        -74px -131px 0 -104px rgba(255, 255, 255, 0.032),
        -88px 30px 0 -104px rgba(255, 255, 255, 0.49),
        -121px -128px 0 -104px rgba(255, 255, 255, 0.23),
        -61px -114px 0 -104px rgba(255, 255, 255, 0.337),
        16px 51px 0 -104px rgba(255, 255, 255, 0.41),
        -89px 17px 0 -104px rgba(255, 255, 255, 0.335),
        -85px 144px 0 -104px rgba(255, 255, 255, 0.794),
        56px 131px 0 -104px rgba(255, 255, 255, 0.36),
        -72px 118px 0 -104px rgba(255, 255, 255, 0.052),
        11px 105px 0 -104px rgba(255, 255, 255, 0.747),
        -111px 57px 0 -104px rgba(255, 255, 255, 0.671),
        23px 134px 0 -104px rgba(255, 255, 255, 0.077),
        6px 51px 0 -104px rgba(255, 255, 255, 0.195),
        -79px -56px 0 -104px rgba(255, 255, 255, 0.71),
        75px 121px 0 -104px rgba(255, 255, 255, 0.301),
        9px 66px 0 -104px rgba(255, 255, 255, 0.943),
        27px 55px 0 -104px rgba(255, 255, 255, 0.213),
        91px -95px 0 -104px rgba(255, 255, 255, 0.442),
        35px -84px 0 -104px rgba(255, 255, 255, 0.286),
        -83px -35px 0 -104px rgba(255, 255, 255, 0.175),
        -103px -64px 0 -104px rgba(255, 255, 255, 0.529),
        -144px 7px 0 -104px rgba(255, 255, 255, 0.605),
        42px 79px 0 -104px rgba(255, 255, 255, 0.7),
        20px 44px 0 -104px rgba(255, 255, 255, 0.816),
        0px 39px 0 -104px rgba(255, 255, 255, 0.569),
        -109px -108px 0 -104px rgba(255, 255, 255, 0.635),
        -68px 47px 0 -104px rgba(255, 255, 255, 0.334),
        -74px 55px 0 -104px rgba(255, 255, 255, 0.764),
        -93px 15px 0 -104px rgba(255, 255, 255, 0.888),
        -111px 13px 0 -104px rgba(255, 255, 255, 0.65),
        12px -133px 0 -104px rgba(255, 255, 255, 0.206),
        -50px -26px 0 -104px rgba(255, 255, 255, 0.3),
        -3px 129px 0 -104px rgba(255, 255, 255, 0.861),
        -39px -58px 0 -104px rgba(255, 255, 255, 0.81),
        -94px -67px 0 -104px rgba(255, 255, 255, 0.308),
        107px -8px 0 -104px rgba(255, 255, 255, 0.924),
        -108px 49px 0 -104px rgba(255, 255, 255, 0.301),
        10px -103px 0 -104px rgba(255, 255, 255, 0.203),
        -10px -90px 0 -104px rgba(255, 255, 255, 0.429),
        -68px -140px 0 -104px rgba(255, 255, 255, 0.218),
        -69px 98px 0 -104px rgba(255, 255, 255, 0.229),
        126px -136px 0 -104px rgba(255, 255, 255, 0.674),
        -31px 139px 0 -104px rgba(255, 255, 255, 0.255),
        -69px 81px 0 -104px rgba(255, 255, 255, 0.576),
        -68px -108px 0 -104px rgba(255, 255, 255, 0.727),
        85px 88px 0 -104px rgba(255, 255, 255, 0.058),
        -35px 139px 0 -104px rgba(255, 255, 255, 0.733),
        -2px -122px 0 -104px rgba(255, 255, 255, 0.774),
        18px 92px 0 -104px rgba(255, 255, 255, 0.721),
        -80px -37px 0 -104px rgba(255, 255, 255, 0.027),
        91px 110px 0 -104px rgba(255, 255, 255, 0.33),
        82px 115px 0 -104px rgba(255, 255, 255, 0.634),
        -94px 137px 0 -104px rgba(255, 255, 255, 0.939),
        33px -8px 0 -104px rgba(255, 255, 255, 0.369),
        -42px 67px 0 -104px rgba(255, 255, 255, 0.513),
        72px 17px 0 -104px rgba(255, 255, 255, 0.549),
        -78px 133px 0 -104px rgba(255, 255, 255, 0.999),
        -91px 104px 0 -104px rgba(255, 255, 255, 0.168),
        142px 33px 0 -104px rgba(255, 255, 255, 0.06),
        145px 50px 0 -104px rgba(255, 255, 255, 0.355),
        120px -111px 0 -104px rgba(255, 255, 255, 0.07),
        -136px -119px 0 -104px rgba(255, 255, 255, 0.402),
        -99px -73px 0 -104px rgba(255, 255, 255, 0.703),
        -96px 144px 0 -104px rgba(255, 255, 255, 0.986),
        -27px -118px 0 -104px rgba(255, 255, 255, 0.466),
        5px -62px 0 -104px rgba(255, 255, 255, 0.613),
        -138px -47px 0 -104px rgba(255, 255, 255, 0.194),
        20px 118px 0 -104px rgba(255, 255, 255, 0.389),
        17px -114px 0 -104px rgba(255, 255, 255, 0.864),
        118px -27px 0 -104px rgba(255, 255, 255, 0.8),
        -98px 132px 0 -104px rgba(255, 255, 255, 0.962),
        -111px -47px 0 -104px rgba(255, 255, 255, 0.053),
        -142px -51px 0 -104px rgba(255, 255, 255, 0.503),
        35px -58px 0 -104px rgba(255, 255, 255, 0.8),
        129px 138px 0 -104px rgba(255, 255, 255, 0.399),
        101px -50px 0 -104px rgba(255, 255, 255, 0.955),
        116px -24px 0 -104px rgba(255, 255, 255, 0.102),
        -129px -46px 0 -104px rgba(255, 255, 255, 0.792),
        2px -50px 0 -104px rgba(255, 255, 255, 0.47),
        -104px 11px 0 -104px rgba(255, 255, 255, 0.275),
        -25px 22px 0 -104px rgba(255, 255, 255, 0.22),
        -123px 23px 0 -104px rgba(255, 255, 255, 0.47),
        0px 25px 0 -104px rgba(255, 255, 255, 0.16),
        140px 0px 0 -104px rgba(255, 255, 255, 0.292),
        -34px 22px 0 -104px rgba(255, 255, 255, 0.118),
        85px 26px 0 -104px rgba(255, 255, 255, 0.041),
        -23px -10px 0 -104px rgba(255, 255, 255, 0.239),
        -134px 12px 0 -104px rgba(255, 255, 255, 0.657),
        64px -81px 0 -104px rgba(255, 255, 255, 0.928),
        -129px 67px 0 -104px rgba(255, 255, 255, 0.85),
        78px -3px 0 -104px rgba(255, 255, 255, 0.229),
        23px 103px 0 -104px rgba(255, 255, 255, 0.639),
        128px -121px 0 -104px rgba(255, 255, 255, 0.818),
        -14px -82px 0 -104px rgba(255, 255, 255, 0.566),
        -1px 34px 0 -104px rgba(255, 255, 255, 0.347),
        -7px -122px 0 -104px rgba(255, 255, 255, 0.949),
        -62px 79px 0 -104px rgba(255, 255, 255, 0.724),
        -109px -99px 0 -104px rgba(255, 255, 255, 0.65),
        15px 8px 0 -104px rgba(255, 255, 255, 0.116),
        -56px -63px 0 -104px rgba(255, 255, 255, 0.264),
        136px 60px 0 -104px rgba(255, 255, 255, 0.854),
        -20px -18px 0 -104px rgba(255, 255, 255, 0.945),
        30px 125px 0 -104px rgba(255, 255, 255, 0.007),
        -85px -101px 0 -104px rgba(255, 255, 255, 0.025),
        17px -28px 0 -104px rgba(255, 255, 255, 0.348),
        101px -97px 0 -104px rgba(255, 255, 255, 0.145),
        -105px -103px 0 -104px rgba(255, 255, 255, 0.627),
        107px -64px 0 -104px rgba(255, 255, 255, 0.313),
        -86px 107px 0 -104px rgba(255, 255, 255, 0.073),
        71px 62px 0 -104px rgba(255, 255, 255, 0.19),
        -25px -107px 0 -104px rgba(255, 255, 255, 0.781),
        -76px 142px 0 -104px rgba(255, 255, 255, 0.478),
        -76px -52px 0 -104px rgba(255, 255, 255, 0.516),
        -58px 142px 0 -104px rgba(255, 255, 255, 0.715),
        29px 18px 0 -104px rgba(255, 255, 255, 0.905),
        59px -42px 0 -104px rgba(255, 255, 255, 0.215),
        85px 75px 0 -104px rgba(255, 255, 255, 0.775),
        143px 28px 0 -104px rgba(255, 255, 255, 0.739),
        7px 28px 0 -104px rgba(255, 255, 255, 0.303),
        22px -17px 0 -104px rgba(255, 255, 255, 0.155),
        -25px -3px 0 -104px rgba(255, 255, 255, 0.402),
        -122px 36px 0 -104px rgba(255, 255, 255, 0.599),
        49px -25px 0 -104px rgba(255, 255, 255, 0.488),
        52px 54px 0 -104px rgba(255, 255, 255, 0.509),
        -132px 18px 0 -104px rgba(255, 255, 255, 0.396),
        -74px -20px 0 -104px rgba(255, 255, 255, 0.258),
        -75px -110px 0 -104px rgba(255, 255, 255, 0.038),
        -80px -117px 0 -104px rgba(255, 255, 255, 0.539),
        125px 132px 0 -104px rgba(255, 255, 255, 0.678),
        17px -119px 0 -104px rgba(255, 255, 255, 0.4),
        12px 28px 0 -104px rgba(255, 255, 255, 0.137),
        -89px 118px 0 -104px rgba(255, 255, 255, 0.912),
        -119px 29px 0 -104px rgba(255, 255, 255, 0.655),
        -36px 137px 0 -104px rgba(255, 255, 255, 0.59),
        -106px -96px 0 -104px rgba(255, 255, 255, 0.706),
        -9px 144px 0 -104px rgba(255, 255, 255, 0.009),
        -29px -136px 0 -104px rgba(255, 255, 255, 0.8),
        46px -37px 0 -104px rgba(255, 255, 255, 0.896),
        34px 26px 0 -104px rgba(255, 255, 255, 0.467),
        -64px 71px 0 -104px rgba(255, 255, 255, 0.015),
        -11px 37px 0 -104px rgba(255, 255, 255, 0.118),
        -58px -140px 0 -104px rgba(255, 255, 255, 0.106),
        92px 59px 0 -104px rgba(255, 255, 255, 0.899),
        59px 84px 0 -104px rgba(255, 255, 255, 0.742),
        -79px -20px 0 -104px rgba(255, 255, 255, 0.322),
        107px -59px 0 -104px rgba(255, 255, 255, 0.382),
        -106px -21px 0 -104px rgba(255, 255, 255, 0.004),
        28px 89px 0 -104px rgba(255, 255, 255, 0.105),
        137px -75px 0 -104px rgba(255, 255, 255, 0.37),
        123px -105px 0 -104px rgba(255, 255, 255, 0.414),
        24px -54px 0 -104px rgba(255, 255, 255, 0.054),
        -65px 116px 0 -104px rgba(255, 255, 255, 0.115),
        -5px -124px 0 -104px rgba(255, 255, 255, 0.532),
        -8px 9px 0 -104px rgba(255, 255, 255, 0.822),
        -55px -102px 0 -104px rgba(255, 255, 255, 0.465),
        -139px 8px 0 -104px rgba(255, 255, 255, 0.381),
        -36px 117px 0 -104px rgba(255, 255, 255, 0.81),
        -88px 60px 0 -104px rgba(255, 255, 255, 0.265),
        101px -49px 0 -104px rgba(255, 255, 255, 0.391),
        27px -107px 0 -104px rgba(255, 255, 255, 0.584),
        21px 133px 0 -104px rgba(255, 255, 255, 0.303),
        -35px -43px 0 -104px rgba(255, 255, 255, 0.046),
        -46px -24px 0 -104px rgba(255, 255, 255, 0.788),
        -133px 94px 0 -104px rgba(255, 255, 255, 0.829),
        -126px 108px 0 -104px rgba(255, 255, 255, 0.818),
        120px 138px 0 -104px rgba(255, 255, 255, 0.446),
        -105px 37px 0 -104px rgba(255, 255, 255, 0.578),
        -108px 134px 0 -104px rgba(255, 255, 255, 0.334),
        42px 106px 0 -104px rgba(255, 255, 255, 0.981),
        -2px -93px 0 -104px rgba(255, 255, 255, 0.864),
        92px -68px 0 -104px rgba(255, 255, 255, 0.23),
        128px -143px 0 -104px rgba(255, 255, 255, 0.527),
        -36px 131px 0 -104px rgba(255, 255, 255, 0.47),
        133px -91px 0 -104px rgba(255, 255, 255, 0.336),
        -119px 19px 0 -104px rgba(255, 255, 255, 0.824),
        68px -117px 0 -104px rgba(255, 255, 255, 0.057),
        -30px -68px 0 -104px rgba(255, 255, 255, 0.653),
        62px -128px 0 -104px rgba(255, 255, 255, 0.776),
        27px -61px 0 -104px rgba(255, 255, 255, 0.917),
        110px -32px 0 -104px rgba(255, 255, 255, 0.512),
        -141px 11px 0 -104px rgba(255, 255, 255, 0.34),
        121px 130px 0 -104px rgba(255, 255, 255, 0.557),
        -67px -65px 0 -104px rgba(255, 255, 255, 0.291),
        -37px -46px 0 -104px rgba(255, 255, 255, 0.428),
        62px -124px 0 -104px rgba(255, 255, 255, 0.839),
        -61px -76px 0 -104px rgba(255, 255, 255, 0.819),
        -33px 97px 0 -104px rgba(255, 255, 255, 0.719),
        3px -37px 0 -104px rgba(255, 255, 255, 0.642),
        56px -143px 0 -104px rgba(255, 255, 255, 0.17),
        7px -84px 0 -104px rgba(255, 255, 255, 0.851),
        -12px 79px 0 -104px rgba(255, 255, 255, 0.405),
        62px -110px 0 -104px rgba(255, 255, 255, 0.074),
        -33px 0px 0 -104px rgba(255, 255, 255, 0.682),
        62px 53px 0 -104px rgba(255, 255, 255, 0.84),
        -109px 94px 0 -104px rgba(255, 255, 255, 0.182),
        118px -84px 0 -104px rgba(255, 255, 255, 0.52),
        -24px -123px 0 -104px rgba(255, 255, 255, 0.671),
        0px 36px 0 -104px rgba(255, 255, 255, 0.505),
        83px -70px 0 -104px rgba(255, 255, 255, 0.133),
        -109px 48px 0 -104px rgba(255, 255, 255, 0.874),
        143px 27px 0 -104px rgba(255, 255, 255, 0.486),
        -95px -74px 0 -104px rgba(255, 255, 255, 0.158),
        27px -80px 0 -104px rgba(255, 255, 255, 0.175),
        -27px -114px 0 -104px rgba(255, 255, 255, 0.668),
        88px 116px 0 -104px rgba(255, 255, 255, 0.444),
        -75px 42px 0 -104px rgba(255, 255, 255, 0.465),
        -12px 73px 0 -104px rgba(255, 255, 255, 0.019),
        22px 84px 0 -104px rgba(255, 255, 255, 0.441),
        -52px 124px 0 -104px rgba(255, 255, 255, 0.662),
        -114px 79px 0 -104px rgba(255, 255, 255, 0.31),
        144px -54px 0 -104px rgba(255, 255, 255, 0.667),
        -10px 1px 0 -104px rgba(255, 255, 255, 0.015),
        -74px 81px 0 -104px rgba(255, 255, 255, 0.197),
        32px 93px 0 -104px rgba(255, 255, 255, 0.922),
        -39px 23px 0 -104px rgba(255, 255, 255, 0.743),
        -96px 36px 0 -104px rgba(255, 255, 255, 0.549),
        108px 95px 0 -104px rgba(255, 255, 255, 0.501),
        -53px -22px 0 -104px rgba(255, 255, 255, 0.953),
        -37px 40px 0 -104px rgba(255, 255, 255, 0.316),
        121px -140px 0 -104px rgba(255, 255, 255, 0.421),
        -116px -4px 0 -104px rgba(255, 255, 255, 0.302),
        -57px 111px 0 -104px rgba(255, 255, 255, 0.018),
        -38px 36px 0 -104px rgba(255, 255, 255, 0.5),
        -96px 40px 0 -104px rgba(255, 255, 255, 0.349),
        81px 87px 0 -104px rgba(255, 255, 255, 0.656),
        28px 141px 0 -104px rgba(255, 255, 255, 0.539),
        120px 95px 0 -104px rgba(255, 255, 255, 0.713),
        -86px 145px 0 -104px rgba(255, 255, 255, 0.803),
        39px 50px 0 -104px rgba(255, 255, 255, 1),
        81px -37px 0 -104px rgba(255, 255, 255, 0.43),
        -47px 58px 0 -104px rgba(255, 255, 255, 0.78),
        81px -139px 0 -104px rgba(255, 255, 255, 0.689),
        77px 18px 0 -104px rgba(255, 255, 255, 0.469),
        -117px 85px 0 -104px rgba(255, 255, 255, 0.8),
        -133px 14px 0 -104px rgba(255, 255, 255, 0.488),
        -70px 71px 0 -104px rgba(255, 255, 255, 0.182),
        121px -32px 0 -104px rgba(255, 255, 255, 0.207),
        73px 44px 0 -104px rgba(255, 255, 255, 0.89),
        -44px 76px 0 -104px rgba(255, 255, 255, 0.836),
        -5px -93px 0 -104px rgba(255, 255, 255, 0.315),
        -84px 8px 0 -104px rgba(255, 255, 255, 0.022),
        -4px -143px 0 -104px rgba(255, 255, 255, 0.288),
        -135px 76px 0 -104px rgba(255, 255, 255, 0.941),
        -89px 143px 0 -104px rgba(255, 255, 255, 0.288),
        -33px -44px 0 -104px rgba(255, 255, 255, 0.999),
        51px 118px 0 -104px rgba(255, 255, 255, 0.453),
        -47px 95px 0 -104px rgba(255, 255, 255, 0.018),
        -54px -31px 0 -104px rgba(255, 255, 255, 0.234),
        109px -30px 0 -104px rgba(255, 255, 255, 0.199),
        111px 81px 0 -104px rgba(255, 255, 255, 0.757),
        46px 90px 0 -104px rgba(255, 255, 255, 0.031),
        -17px 43px 0 -104px rgba(255, 255, 255, 0.187),
        91px 61px 0 -104px rgba(255, 255, 255, 0.757),
        69px 47px 0 -104px rgba(255, 255, 255, 0.367),
        114px -70px 0 -104px rgba(255, 255, 255, 0.79),
        -74px -27px 0 -104px rgba(255, 255, 255, 0.459),
        102px 54px 0 -104px rgba(255, 255, 255, 0.932),
        131px -54px 0 -104px rgba(255, 255, 255, 0.822),
        -120px -5px 0 -104px rgba(255, 255, 255, 0.36),
        -122px 79px 0 -104px rgba(255, 255, 255, 0.343),
        -127px -98px 0 -104px rgba(255, 255, 255, 0.441),
        113px -98px 0 -104px rgba(255, 255, 255, 0.27),
        145px 36px 0 -104px rgba(255, 255, 255, 0.547),
        80px 122px 0 -104px rgba(255, 255, 255, 0.858),
        49px 144px 0 -104px rgba(255, 255, 255, 0.87),
        44px 82px 0 -104px rgba(255, 255, 255, 0.325),
        90px 10px 0 -104px rgba(255, 255, 255, 0.43),
        124px 3px 0 -104px rgba(255, 255, 255, 0.799),
        48px -117px 0 -104px rgba(255, 255, 255, 0.509),
        16px -47px 0 -104px rgba(255, 255, 255, 0.994),
        -58px -70px 0 -104px rgba(255, 255, 255, 0.977),
        130px 71px 0 -104px rgba(255, 255, 255, 0.469),
        78px 68px 0 -104px rgba(255, 255, 255, 0.928),
        27px -128px 0 -104px rgba(255, 255, 255, 0.938);
}

.jupiter {
    height: 340px;
    width: 340px;
    margin-top: -170px;
    margin-left: -170px;
    -webkit-animation: orbit 355.8533281972s linear infinite;
    animation: orbit 355.8533281972s linear infinite;
}
.jupiter:before {
    height: 18px;
    width: 18px;
    margin-top: -9px;
    margin-left: -9px;
    background: #c76e2a;
}

.saturn {
    height: 412px;
    width: 415px;
    margin-top: -202px;
    margin-left: -207px;
    -webkit-animation: orbit 883.6989259323s linear infinite;
    animation: orbit 883.6989259323s linear infinite;
}

.saturn:before {
    height: 12px;
    width: 13px;
    margin-top: -6px;
    margin-left: -6px;
    background: #ff0000 !important;
    border: 0px !important;
}
/* .saturn:after {
height: 2.34%;
width: 4.676%;
margin-top: -1.17%;
margin-left: -2.338%;
-webkit-animation: orbit 882.6952471456s linear infinite;
animation: orbit 882.6952471456s linear infinite;
animation-direction: reverse;
position: absolute;
content: "";
left: 50%;
top: 0px;
transform: rotateZ(-52deg);
border-radius: 50%;
box-shadow: 0 1px 0 1px #987641, 3px 1px 0 #987641, -3px 1px 0 #987641;
transform-origin: 52% 60%;
} */
.uranus {
    height: 500px;
    width: 500px;
    margin-top: -246px;
    margin-left: -253px;
    -webkit-animation: orbit 2520.3179247011s linear infinite;
    animation: orbit 2520.3179247011s linear infinite;
}
.uranus:before {
    height: 10px;
    width: 10px;
    margin-top: -5px;
    margin-left: -5px;
    background: #b5e3e3;
}

.neptune {
    height: 569px;
    width: 569px;
    margin-top: -285px;
    margin-left: -285px;
    -webkit-animation: orbit 4943.5697618357s linear infinite;
    animation: orbit 4943.5697618357s linear infinite;
}
.neptune:before {
    height: 10px;
    width: 10px;
    margin-top: -5px;
    margin-left: -5px;
    background: #4d9c17 !important;
    border: 0px !important;
}

.pluto {
    height: 630px;
    width: 630px;
    margin-top: -314px;
    margin-left: -317px;
    -webkit-animation: orbit 7438.0647233189s linear infinite;
    animation: orbit 7438.0647233189s linear infinite;
}
.ring {
    height: 588px;
    width: 575px;
    margin-top: -268px;
    margin-left: -294px;
    -webkit-animation: orbit 7438.0647233189s linear infinite;
    animation: orbit 7438.0647233189s linear infinite;
}
.pluto:before {
    height: 4px;
    width: 4px;
    margin-top: -1.5px;
    margin-left: -1.5px;
    background: #fff !important;
    border: 0px !important;
}
.ring:before {
    height: 3px;
    width: 3px;
    margin-top: -1.5px;
    margin-left: -1.5px;
    background: #fff;
}

h1 {
    font-weight: 300;
    font-size: 2.5em;
    text-transform: uppercase;
    font-family: Lato;
    line-height: 1.6em;
    letter-spacing: 0.1em;
}

a,
a:visited {
    text-decoration: none;
    color: white;
    opacity: 0.7;
}
a:hover,
a:visited:hover {
    opacity: 1;
}
a.icon,
a:visited.icon {
    margin-right: 2px;
    padding: 3px;
}

.description {
    padding: 70px 10px;
    position: absolute;
    top: 10%;
    left: 0;
    width: 25%;
    z-index: 992;
}
.description p {
    font-size: 0.9em;
}
.description p + p {
    margin-top: 20px;
}
.description p.author {
    font-size: 0.7em;
}
.description p.author .fa-heart {
    color: #860014;
}
.description p.links {
    margin-top: 5px;
    font-size: 1em;
}

hr {
    margin: 26px 0;
    border: 0;
    border-top: 1px solid white;
    background: transparent;
    width: 25%;
    opacity: 0.1;
}

code {
    color: #ae94c0;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 0.9em;
}

.hide {
    display: none;
}

#container {
    height: 100%;
    width: 100%;
    background: #000;
    overflow: hidden;
    position: fixed;
    filter: brightness(0.8);
    z-index: -1;
}
.a_star {
    transition-duration: 1s;
}
#cursor {
    position: absolute;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    -moz-backdrop-filter: brightness(500%);
    -webkit-backdrop-filter: brightness(500%);
    backdrop-filter: brightness(500%);
    z-index: 0;
}
/* new css */
.pluto:before,
.neptune:before,
.uranus:before,
.saturn:before,
.jupiter:before,
.asteroid-belt:before,
.mars:before,
.earth:before,
.venus:before,
.mercury:before {
    height: 12px;
    width: 12px;
    box-shadow: none;
    background: #4472c4;
    border: 1px solid #4baa4f;
    opacity: 0.7;
}
.earth:before {
    left: 1.5%;
    top: 65%;
    height: 10px;
    width: 10px;
    background: #ffc000;
    border: 0px !important;
}
.earth span.planet-name {
    position: relative;
    top: 48%;
    left: -7%;
}
.mars::before {
    top: 61%;
    right: -1%;
    left: unset;
    height: 11px;
    width: 13px;
    background: #0070c0;
    border: 0px;
}
.mars span.planet-name {
    position: absolute;
    left: 86%;
    top: 47%;
}
.jupiter span.planet-name {
    position: absolute;
    left: -4%;
    top: 38%;
}
.jupiter:before {
    left: 1%;
    top: 52%;
    height: 13px;
    width: 14px;
    background-color: #00b0f0 !important;
    border: 0px !important;
}
.saturn:before {
    left: 1%;
    top: 63%;
    height: 11px;
    width: 13px;
}
.saturn span.planet-name {
    position: absolute;
    left: -4%;
    top: 53%;
}
.uranus:before {
    left: 28%;
    top: 5%;
    height: 11px;
    width: 11px;
    background-color: #000 !important;
    border: 2px solid #4673c4 !important;
}
.uranus span.planet-name {
    position: absolute;
    left: 20%;
    top: -4px;
}
.neptune:before {
    left: 3.4%;
    top: 30%;
    height: 14px;
    width: 14px;
}
.neptune span.planet-name {
    position: absolute;
    top: 24%;
}
.pluto:before {
    left: 0%;
    top: 43%;
    height: 6px;
    width: 8px;
    border-radius: 100%;
}
.pluto span.planet-name {
    position: absolute;
    top: 37%;
    left: -3%;
}
.ring:before {
    left: 52%;
    top: -1%;
    height: 6px;
    width: 8px;
    border-radius: 100%;
}
.ring span.planet-name {
    position: absolute;
    top: -6%;
    left: 49%;
}
.venus {
    height: 700px;
    width: 700px;
    margin-top: -349px;
    margin-left: -350px;
    border: 0px;
}
.venus span.planet-name {
    position: absolute;
    top: 65%;
    left: -4%;
}
.venus:before {
    left: -0.2%;
    top: 70%;
}
/* .ring-planet::before {
    content: url("../img/Plant1.png");
    height: 24px;
    width: 25px;
    object-fit: contain;
    position: absolute;
    left: 51%;
    top: 12%;
} */
/* .ring-planet {
    height: 630px;
    width: 630px;
    margin-top: -314px;
    margin-left: -317px;
    -webkit-animation: orbit 7438.0647233189s linear infinite;
    animation: orbit 7438.0647233189s linear infinite;
} */
.description h1 {
    font-size: 22px !important;
    padding-top: 33px;
    font-family: "poppins";
    text-transform: uppercase;
    font-weight: 500;
}
.journey-wrapper {
    position: absolute;
    right: 0px;
    padding: 100px 20px;
    width: 22%;
    z-index: 9;
    top: 10.5%;
}
.journey-wrapper h1 {
    color: #fff;
    font-family: "poppins";
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}
.galaxy-name button {
    display: block;
    color: #f5f5f5;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    opacity: 0.5;
    background: no-repeat;
    border: 0px;
}
.galaxy-name a {
    display: block;
    color: #f5f5f5;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    opacity: 0.5;
}
.galaxy-name a:link,
.galaxy-name a:visited {
    /*color: green !important;*/
}
.battle-wrappper button {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    opacity: 0.4;
    margin-bottom: 14px;
    background: transparent;
    border: none;
}
.battle-wrappper button span {
    border: 1px solid;
    border-radius: 50%;
    height: 32px;
    display: inline-block;
    width: 32px;
    margin: 0px 6px 0px 0px;
    padding: 3px 0px 0px 1px;
}
.galaxy-name button::before {
    content: "";
    width: 50px;
    height: 1px;
    background: green;
    display: inline-flex;
    margin-right: 17px;
    align-items: inherit;
}
.galaxy-name button:hover,
.battle-wrappper button:hover {
    opacity: 1;
}
.galaxy-name a:visited,
.battle-wrappper a:visited {
    opacity: 1 !important;
}
button.Gymru::before {
    background: red;
}
button.Apis::before {
    background: yellow;
}
button.Brezza::before {
    background: #4472c4;
}
.battle-wrappper {
    padding-top: 30px;
}
.galaxy-name a:visited {
    color: #fff !important;
    opacity: 1 !important;
}
a.nav-trigger {
    background: #fff;
    border-radius: 50%;
}
.solar-syst {
    /* margin-top: 60px; */
    /* transform: scale(1.1); */
}
.solar-syst .venus::before {
    width: 12px;
    height: 12px;
    background-image: url("../img/ghn.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px;
}
.pluto:before {
    height: 10px;
    width: 10px;
    border-radius: 100%;
}
.ring:before {
    height: 19px;
    width: 19px;
    border-radius: 100%;
    background-image: url("../img/Plant1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
}
@media (max-width: 1100px) {
    .nav-trigger span::after {
        transform: translateY(9px);
    }
    .nav-trigger span,
    .nav-trigger span::before,
    .nav-trigger span::after {
        height: 2px;
        width: 28px;
    }
    .nav-trigger span::before {
        transform: translateY(-9px);
    }
    .description {
        padding: 70px 10px;
        top: unset;
        bottom: -39%;
        width: 48%;
    }
    .journey-wrapper {
        position: absolute;
        right: 0px;
        padding: 100px 20px;
        width: 48%;
        z-index: 999;
        bottom: -80%;
        top: unset;
    }
    .left-side-line {
        right: 76%;
    }
    .solar-syst {
        margin-top: 78px;
    }
    .navbar-dark .navbar-brand {
        margin-top: 26px;
    }
    .left-side-line {
        right: 65%;
    }
}
@media (max-width: 768px) {
    .description {
        bottom: -25%;
    }
    .journey-wrapper {
        bottom: -68%;
    }
    .solar-syst {
        margin-top: 0px;
        transform: scale(0.8);
    }
}
@media (max-width: 601px) {
    .description {
        bottom: -30%;
    }
    .left-side-line {
        right: 52%;
    }
}
@media (max-width: 501px) {
    .navbar-dark .navbar-brand {
        margin-top: 40px;
    }
    .left-side-line {
        right: 75%;
    }
    .description {
        bottom: -14%;
        width: 100%;
        padding: 0px 0px 0px 100px;
    }
    .journey-wrapper {
        bottom: -64%;
        width: 100%;
        padding: 0px 100px 0px 141px;
    }
    .solar-syst {
        margin-top: 0px;
        transform: translateX(21px) scale(0.7);
    }
    .journey-wrapper h1 {
        text-align: center;
    }
}
@media (max-width: 414px) {
    .description {
        padding: 0px 0px 0px 50px;
    }
    .left-side-line {
        right: 69%;
    }
    .solar-syst {
        margin-top: 0px;
        transform: translateX(32px) scale(0.6);
    }
    .journey-wrapper h1 {
        text-align: center;
        margin-right: 62px;
    }
    .journey-wrapper {
        padding: 0px 0px 0px 100px;
    }
}
@media (max-width: 375px) {
    .description {
        padding: 0px 0px 0px 38px;
    }
    .left-side-line {
        right: 66%;
    }
    .solar-syst {
        margin-top: 0px;
        transform: translateX(22px) scale(0.5);
    }
    .journey-wrapper {
        padding: 0px 0px 0px 71px;
    }
}
ul.navbar-right .dropdown-menu {
    z-index: 99999 !important;
    position: absolute !important;
    top: 98% !important;
}
/* sol arrows */
/* almenga arrows starts*/
.solar-syst img.arrow1 {
    width: 143px;
    position: relative;
    transform: rotate(4deg) translate(33px, 39px);
    z-index: -1;
    opacity: 0;
}
.solar-syst img.arrow1a {
    width: 143px;
    position: relative;
    transform: rotate(4deg) translate(35px, 51px);
    z-index: -1;
    opacity: 0;
}
.solar-syst img.arrow2 {
    width: 51px;
    position: relative;
    top: -25px;
    transform: translateY(161px) translateX(-178px);
    z-index: -1;
    opacity: 0;
}
.solar-syst img.arrow2a {
    width: 51px;
    position: relative;
    top: -25px;
    transform: translateY(175px) translateX(-178px);
    z-index: -1;
    opacity: 0;
}
.solar-syst img.arrow3 {
    transform: translate(-187px, 163px) rotate(-18deg);
    width: 88px;
    opacity: 0;
}
.solar-syst img.arrow4 {
    position: relative;
    top: 331px;
    transform: translate(-181px, -98px) rotate(6deg);
    width: 64px;
    opacity: 0;
}
.solar-syst img.arrow5 {
    position: relative;
    top: 29%;
    width: 252px;
    left: 31%;
    opacity: 0;
    transform: rotate(0deg);
}
/* almenga arrows starts*/
/* breeza arrows starts*/
.solar-syst img.arrow6 {
    position: relative;
    top: 41%;
    left: -178px;
    transform: rotate(2deg);
    width: 171px;
    opacity: 0;
}
.solar-syst img.arrow7 {
    position: relative;
    top: 19%;
    right: 96%;
    transform: rotate(360deg);
    width: 156px;
    opacity: 0;
}
.solar-syst img.arrow8 {
    position: relative;
    top: -2%;
    right: 0%;
    width: 54px;
    transform: rotate(364deg);
    opacity: 0;
}
/* breeza arrows ends */
/* gymru arrows css starts here */
.solar-syst img.arrow9 {
    position: relative;
    top: 34%;
    left: -24%;
    width: 140px;
    transform: rotate(358deg);
    opacity: 0;
}
.solar-syst img.arrow10 {
    position: relative;
    top: 38%;
    width: 111px;
    right: 62%;
    transform: rotate(0deg);
    z-index: -1;
    opacity: 0;
}
.solar-syst img.arrow11 {
    position: relative;
    top: 45%;
    right: 62%;
    transform: rotate(-1deg);
    z-index: -1;
    width: 37px;
    opacity: 0;
}
.solar-syst img.arrow12 {
    position: relative;
    top: 38%;
    width: 150px;
    right: 35%;
    transform: rotate(364deg);
    z-index: -1;
    opacity: 0;
}
.solar-syst img.arrow13 {
    position: relative;
    right: 35%;
    width: 497px;
    top: 8.5%;
    transform: rotate(359deg);
    z-index: -1;
    opacity: 0;
}

/* gymru arrows css starts here */
.solar-syst img.arrow14 {
    position: relative;
    right: 71%;
    width: 497px;
    top: 60%;
    transform: rotate(0deg);
    z-index: -3;
    opacity: 0;
}
.solar-syst img.arrow17 {
    position: relative;
    top: 19px;
    left: -77px;
    transform: scale(0.6);
    opacity: 0;
}
.solar-syst img.arrow18 {
    position: relative;
    top: -49px;
    left: -277px;
    transform: scale(0.5) rotate(2deg);
    opacity: 0;
}
.solar-syst img.arrow19 {
    position: relative;
    top: -93%;
    left: -152%;
    transform: scale(0.5) rotate(-1deg);
    opacity: 0;
}
.solar-syst img.arrow20 {
    position: relative;
    top: -164%;
    left: -148%;
    transform: scale(0.5) rotate(0deg);
    opacity: 0;
}
.pluto img.arrow21 {
    position: relative;
    top: 35%;
    left: -6%;
    transform: scale(0.6);
    opacity: 0;
}
.pluto img.arrow22 {
    position: relative;
    top: 7%;
    left: -25%;
    transform: scale(0.7) rotate(4deg);
    opacity: 0;
}
.pluto img.arrow23 {
    position: relative;
    top: 22%;
    left: -69%;
    transform: scale(0.39);
    opacity: 0;
}
.showarrow {
    opacity: 1 !important;
}
.oip {
    opacity: 1 !important;
}
body {
    overflow-x: hidden;
}
img.arrow16 {
    position: relative;
    right: 38%;
    transform: translate(6px, 10px) rotate(331deg);
    top: 3%;
    width: 45px;
    opacity: 0;
}

.sol5 {
    right: 78%;
}
.venus span.planet-name button.btn.btn-lg.btn-danger {
    background: transparent;
    padding: 0px;
    box-shadow: none;
    font-size: 45px;
    position: absolute;
    top: -2px;
    right: -26px;
    z-index: 9999;
}
.venus span.planet-name button.btn.btn-lg.btn-danger span {
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    animation: ownpulse 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both;
    height: 15px;
    width: 15px;
    background: hsla(0, 0%, 100%, 0.5);
    display: block;
    border-radius: 50%;
    box-sizing: border-box;
}
.venus span.planet-name button.btn.btn-lg.btn-danger span::before {
    content: "";
    width: 23px;
    height: 23px;
    background: hsla(0, 0%, 100%, 0.5);
    display: block;
    border-radius: 50%;
    position: relative;
    left: -4px;
    top: -4px;
}
.venus span.planet-name a {
    position: relative;
}
.mars span.planet-name button.btn.btn-lg.btn-danger {
    background: transparent;
    padding: 0px;
    box-shadow: none;
    font-size: 45px;
    position: absolute;
    top: -2px;
    right: -26px;
}
.mars span.planet-name button.btn.btn-lg.btn-danger span {
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    animation: ownpulse 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both;
    height: 15px;
    width: 15px;
    background: hsla(0, 0%, 100%, 0.5);
    display: block;
    border-radius: 50%;
    box-sizing: border-box;
}
.mars span.planet-name button.btn.btn-lg.btn-danger span::before {
    content: "";
    width: 23px;
    height: 23px;
    background: hsla(0, 0%, 100%, 0.5);
    display: block;
    border-radius: 50%;
    position: relative;
    left: -4px;
    top: -4px;
}
.mars span.planet-name a {
    position: relative;
}
@keyframes ownpulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #fff;
        box-shadow: 0 0 0 0 #fff;
    }
    50% {
        -webkit-box-shadow: 0 0 0 40px rgb(92 112 214 / 0%);
        box-shadow: 0 0 0 40px rgb(92 112 214 / 0%);
    }
}