#new-element {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    justify-content: center;
    align-items: center;
}
#element-part-of-challenge-banner {
    display: none;
    position: absolute;
    bottom: 120px;
    left: 0px;
    width: 85%;
    z-index: 9998;
}
.sun-rays-bg-final {
        background: conic-gradient(
        from 90deg,
        rgba(255, 255, 0, 0.5) 0deg,
        transparent 15deg,
        rgba(255, 255, 0, 0.5) 30deg,
        transparent 45deg,
        rgba(255, 255, 0, 0.5) 60deg,
        transparent 75deg,
        rgba(255, 255, 0, 0.5) 90deg,
        transparent 105deg,
        rgba(255, 255, 0, 0.5) 120deg,
        transparent 135deg,
        rgba(255, 255, 0, 0.5) 150deg,
        transparent 165deg,
        rgba(255, 255, 0, 0.5) 180deg,
        transparent 195deg,
        rgba(255, 255, 0, 0.5) 210deg,
        transparent 225deg,
        rgba(255, 255, 0, 0.5) 240deg,
        transparent 255deg,
        rgba(255, 255, 0, 0.5) 270deg,
        transparent 285deg,
        rgba(255, 255, 0, 0.5) 300deg,
        transparent 315deg,
        rgba(255, 255, 0, 0.5) 330deg,
        transparent 345deg,
        rgba(255, 255, 0, 0.5) 360deg
    );
    
}
.sun-rays-bg-water {
    background: conic-gradient(
        from 90deg,
        rgba(0, 169, 225, 0.5) 0deg,
        transparent 15deg,
        rgba(0, 169, 225, 0.5) 30deg,
        transparent 45deg,
        rgba(0, 169, 225, 0.5) 60deg,
        transparent 75deg,
        rgba(0, 169, 225, 0.5) 90deg,
        transparent 105deg,
        rgba(0, 169, 225, 0.5) 120deg,
        transparent 135deg,
        rgba(0, 169, 225, 0.5) 150deg,
        transparent 165deg,
        rgba(0, 169, 225, 0.5) 180deg,
        transparent 195deg,
        rgba(0, 169, 225, 0.5) 210deg,
        transparent 225deg,
        rgba(0, 169, 225, 0.5) 240deg,
        transparent 255deg,
        rgba(0, 169, 225, 0.5) 270deg,
        transparent 285deg,
        rgba(0, 169, 225, 0.5) 300deg,
        transparent 315deg,
        rgba(0, 169, 225, 0.5) 330deg,
        transparent 345deg,
        rgba(0, 169, 225, 0.5) 360deg
    );
}
.sun-rays-bg-fire {
    background: conic-gradient(
        from 90deg,
        rgba(255, 174, 0, 0.5) 0deg,
        transparent 15deg,
        rgba(255, 174, 0, 0.5) 30deg,
        transparent 45deg,
        rgba(255, 174, 0, 0.5) 60deg,
        transparent 75deg,
        rgba(255, 174, 0, 0.5) 90deg,
        transparent 105deg,
        rgba(255, 174, 0, 0.5) 120deg,
        transparent 135deg,
        rgba(255, 174, 0, 0.5) 150deg,
        transparent 165deg,
        rgba(255, 174, 0, 0.5) 180deg,
        transparent 195deg,
        rgba(255, 174, 0, 0.5) 210deg,
        transparent 225deg,
        rgba(255, 174, 0, 0.5) 240deg,
        transparent 255deg,
        rgba(255, 174, 0, 0.5) 270deg,
        transparent 285deg,
        rgba(255, 174, 0, 0.5) 300deg,
        transparent 315deg,
        rgba(255, 174, 0, 0.5) 330deg,
        transparent 345deg,
        rgba(255, 174, 0, 0.5) 360deg
    );
}
.sun-rays-bg-air {
    background: conic-gradient(
        from 90deg,
        rgba(24, 76, 129, 0.5) 0deg,
        transparent 15deg,
        rgba(24, 76, 129, 0.5) 30deg,
        transparent 45deg,
        rgba(24, 76, 129, 0.5) 60deg,
        transparent 75deg,
        rgba(24, 76, 129, 0.5) 90deg,
        transparent 105deg,
        rgba(24, 76, 129, 0.5) 120deg,
        transparent 135deg,
        rgba(24, 76, 129, 0.5) 150deg,
        transparent 165deg,
        rgba(24, 76, 129, 0.5) 180deg,
        transparent 195deg,
        rgba(24, 76, 129, 0.5) 210deg,
        transparent 225deg,
        rgba(24, 76, 129, 0.5) 240deg,
        transparent 255deg,
        rgba(24, 76, 129, 0.5) 270deg,
        transparent 285deg,
        rgba(24, 76, 129, 0.5) 300deg,
        transparent 315deg,
        rgba(24, 76, 129, 0.5) 330deg,
        transparent 345deg,
        rgba(24, 76, 129, 0.5) 360deg
    );
}
.sun-rays-bg-man {
    background: conic-gradient(
        from 90deg,
        rgba(255, 0, 0, 0.5) 0deg,
        transparent 15deg,
        rgba(255, 0, 0, 0.5) 30deg,
        transparent 45deg,
        rgba(255, 0, 0, 0.5) 60deg,
        transparent 75deg,
        rgba(255, 0, 0, 0.5) 90deg,
        transparent 105deg,
        rgba(255, 0, 0, 0.5) 120deg,
        transparent 135deg,
        rgba(255, 0, 0, 0.5) 150deg,
        transparent 165deg,
        rgba(255, 0, 0, 0.5) 180deg,
        transparent 195deg,
        rgba(255, 0, 0, 0.5) 210deg,
        transparent 225deg,
        rgba(255, 0, 0, 0.5) 240deg,
        transparent 255deg,
        rgba(255, 0, 0, 0.5) 270deg,
        transparent 285deg,
        rgba(255, 0, 0, 0.5) 300deg,
        transparent 315deg,
        rgba(255, 0, 0, 0.5) 330deg,
        transparent 345deg,
        rgba(255, 0, 0, 0.5) 360deg
    );
}
.sun-rays-bg-culture {
    background: conic-gradient(
        from 90deg,
        rgba(20, 143, 0, 0.5) 0deg,
        transparent 15deg,
        rgba(20, 143, 0, 0.5) 30deg,
        transparent 45deg,
        rgba(20, 143, 0, 0.5) 60deg,
        transparent 75deg,
        rgba(20, 143, 0, 0.5) 90deg,
        transparent 105deg,
        rgba(20, 143, 0, 0.5) 120deg,
        transparent 135deg,
        rgba(20, 143, 0, 0.5) 150deg,
        transparent 165deg,
        rgba(20, 143, 0, 0.5) 180deg,
        transparent 195deg,
        rgba(20, 143, 0, 0.5) 210deg,
        transparent 225deg,
        rgba(20, 143, 0, 0.5) 240deg,
        transparent 255deg,
        rgba(20, 143, 0, 0.5) 270deg,
        transparent 285deg,
        rgba(20, 143, 0, 0.5) 300deg,
        transparent 315deg,
        rgba(20, 143, 0, 0.5) 330deg,
        transparent 345deg,
        rgba(20, 143, 0, 0.5) 360deg
    );
}
.sun-rays-bg-misc {
    background: conic-gradient(
        from 90deg,
        rgba(153, 1, 171, 0.5) 0deg,
        transparent 15deg,
        rgba(153, 1, 171, 0.5) 30deg,
        transparent 45deg,
        rgba(153, 1, 171, 0.5) 60deg,
        transparent 75deg,
        rgba(153, 1, 171, 0.5) 90deg,
        transparent 105deg,
        rgba(153, 1, 171, 0.5) 120deg,
        transparent 135deg,
        rgba(153, 1, 171, 0.5) 150deg,
        transparent 165deg,
        rgba(153, 1, 171, 0.5) 180deg,
        transparent 195deg,
        rgba(153, 1, 171, 0.5) 210deg,
        transparent 225deg,
        rgba(153, 1, 171, 0.5) 240deg,
        transparent 255deg,
        rgba(153, 1, 171, 0.5) 270deg,
        transparent 285deg,
        rgba(153, 1, 171, 0.5) 300deg,
        transparent 315deg,
        rgba(153, 1, 171, 0.5) 330deg,
        transparent 345deg,
        rgba(153, 1, 171, 0.5) 360deg
    );
}
.sun-rays-bg-earth {
    background: conic-gradient(
        from 90deg,
        rgba(112, 28, 14, 0.5) 0deg,
        transparent 15deg,
        rgba(112, 28, 14, 0.5) 30deg,
        transparent 45deg,
        rgba(112, 28, 14, 0.5) 60deg,
        transparent 75deg,
        rgba(112, 28, 14, 0.5) 90deg,
        transparent 105deg,
        rgba(112, 28, 14, 0.5) 120deg,
        transparent 135deg,
        rgba(112, 28, 14, 0.5) 150deg,
        transparent 165deg,
        rgba(112, 28, 14, 0.5) 180deg,
        transparent 195deg,
        rgba(112, 28, 14, 0.5) 210deg,
        transparent 225deg,
        rgba(112, 28, 14, 0.5) 240deg,
        transparent 255deg,
        rgba(112, 28, 14, 0.5) 270deg,
        transparent 285deg,
        rgba(112, 28, 14, 0.5) 300deg,
        transparent 315deg,
        rgba(112, 28, 14, 0.5) 330deg,
        transparent 345deg,
        rgba(112, 28, 14, 0.5) 360deg
    );
}
.sun-rays-bg-food {
    background: conic-gradient(
        from 90deg,
        rgba(198, 135, 0, 0.5) 0deg,
        transparent 15deg,
        rgba(198, 135, 0, 0.5) 30deg,
        transparent 45deg,
        rgba(198, 135, 0, 0.5) 60deg,
        transparent 75deg,
        rgba(198, 135, 0, 0.5) 90deg,
        transparent 105deg,
        rgba(198, 135, 0, 0.5) 120deg,
        transparent 135deg,
        rgba(198, 135, 0, 0.5) 150deg,
        transparent 165deg,
        rgba(198, 135, 0, 0.5) 180deg,
        transparent 195deg,
        rgba(198, 135, 0, 0.5) 210deg,
        transparent 225deg,
        rgba(198, 135, 0, 0.5) 240deg,
        transparent 255deg,
        rgba(198, 135, 0, 0.5) 270deg,
        transparent 285deg,
        rgba(198, 135, 0, 0.5) 300deg,
        transparent 315deg,
        rgba(198, 135, 0, 0.5) 330deg,
        transparent 345deg,
        rgba(198, 135, 0, 0.5) 360deg
    );
}
.sun-rays-bg-death {
    background: conic-gradient(
        from 90deg,
        rgba(0, 0, 0, 0.5) 0deg,
        transparent 15deg,
        rgba(0, 0, 0, 0.5) 30deg,
        transparent 45deg,
        rgba(0, 0, 0, 0.5) 60deg,
        transparent 75deg,
        rgba(0, 0, 0, 0.5) 90deg,
        transparent 105deg,
        rgba(0, 0, 0, 0.5) 120deg,
        transparent 135deg,
        rgba(0, 0, 0, 0.5) 150deg,
        transparent 165deg,
        rgba(0, 0, 0, 0.5) 180deg,
        transparent 195deg,
        rgba(0, 0, 0, 0.5) 210deg,
        transparent 225deg,
        rgba(0, 0, 0, 0.5) 240deg,
        transparent 255deg,
        rgba(0, 0, 0, 0.5) 270deg,
        transparent 285deg,
        rgba(0, 0, 0, 0.5) 300deg,
        transparent 315deg,
        rgba(0, 0, 0, 0.5) 330deg,
        transparent 345deg,
        rgba(0, 0, 0, 0.5) 360deg
    );
}
.sun-rays-bg-life {
    background: conic-gradient(
        from 90deg,
        rgba(226, 0, 218, 0.5) 0deg,
        transparent 15deg,
        rgba(226, 0, 218, 0.5) 30deg,
        transparent 45deg,
        rgba(226, 0, 218, 0.5) 60deg,
        transparent 75deg,
        rgba(226, 0, 218, 0.5) 90deg,
        transparent 105deg,
        rgba(226, 0, 218, 0.5) 120deg,
        transparent 135deg,
        rgba(226, 0, 218, 0.5) 150deg,
        transparent 165deg,
        rgba(226, 0, 218, 0.5) 180deg,
        transparent 195deg,
        rgba(226, 0, 218, 0.5) 210deg,
        transparent 225deg,
        rgba(226, 0, 218, 0.5) 240deg,
        transparent 255deg,
        rgba(226, 0, 218, 0.5) 270deg,
        transparent 285deg,
        rgba(226, 0, 218, 0.5) 300deg,
        transparent 315deg,
        rgba(226, 0, 218, 0.5) 330deg,
        transparent 345deg,
        rgba(226, 0, 218, 0.5) 360deg
    );
}
.sun-rays-bg-plant {
    background: conic-gradient(
        from 90deg,
        rgba(2, 196, 7, 0.5) 0deg,
        transparent 15deg,
        rgba(2, 196, 7, 0.5) 30deg,
        transparent 45deg,
        rgba(2, 196, 7, 0.5) 60deg,
        transparent 75deg,
        rgba(2, 196, 7, 0.5) 90deg,
        transparent 105deg,
        rgba(2, 196, 7, 0.5) 120deg,
        transparent 135deg,
        rgba(2, 196, 7, 0.5) 150deg,
        transparent 165deg,
        rgba(2, 196, 7, 0.5) 180deg,
        transparent 195deg,
        rgba(2, 196, 7, 0.5) 210deg,
        transparent 225deg,
        rgba(2, 196, 7, 0.5) 240deg,
        transparent 255deg,
        rgba(2, 196, 7, 0.5) 270deg,
        transparent 285deg,
        rgba(2, 196, 7, 0.5) 300deg,
        transparent 315deg,
        rgba(2, 196, 7, 0.5) 330deg,
        transparent 345deg,
        rgba(2, 196, 7, 0.5) 360deg
    );
}
.sun-rays-bg-location {
    background: conic-gradient(
      from 90deg,
      rgba(0, 0, 255, 0.5) 0deg,
      transparent 15deg,
      rgba(0, 0, 255, 0.5) 30deg,
      transparent 45deg,
      rgba(0, 0, 255, 0.5) 60deg,
      transparent 75deg,
      rgba(0, 0, 255, 0.5) 90deg,
      transparent 105deg,
      rgba(0, 0, 255, 0.5) 120deg,
      transparent 135deg,
      rgba(0, 0, 255, 0.5) 150deg,
      transparent 165deg,
      rgba(0, 0, 255, 0.5) 180deg,
      transparent 195deg,
      rgba(0, 0, 255, 0.5) 210deg,
      transparent 225deg,
      rgba(0, 0, 255, 0.5) 240deg,
      transparent 255deg,
      rgba(0, 0, 255, 0.5) 270deg,
      transparent 285deg,
      rgba(0, 0, 255, 0.5) 300deg,
      transparent 315deg,
      rgba(0, 0, 255, 0.5) 330deg,
      transparent 345deg,
      rgba(0, 0, 255, 0.5) 360deg
    );
}
.sun-rays-bg-tech {
    background: conic-gradient(
      from 90deg,
      rgba(119, 119, 119, 0.5) 0deg,
      transparent 15deg,
      rgba(119, 119, 119, 0.5) 30deg,
      transparent 45deg,
      rgba(119, 119, 119, 0.5) 60deg,
      transparent 75deg,
      rgba(119, 119, 119, 0.5) 90deg,
      transparent 105deg,
      rgba(119, 119, 119, 0.5) 120deg,
      transparent 135deg,
      rgba(119, 119, 119, 0.5) 150deg,
      transparent 165deg,
      rgba(119, 119, 119, 0.5) 180deg,
      transparent 195deg,
      rgba(119, 119, 119, 0.5) 210deg,
      transparent 225deg,
      rgba(119, 119, 119, 0.5) 240deg,
      transparent 255deg,
      rgba(119, 119, 119, 0.5) 270deg,
      transparent 285deg,
      rgba(119, 119, 119, 0.5) 300deg,
      transparent 315deg,
      rgba(119, 119, 119, 0.5) 330deg,
      transparent 345deg,
      rgba(119, 119, 119, 0.5) 360deg
    );
}

#circle-container {
    background-image: url('../img/background/newelement.png');
    background-position: center;
    background-repeat: repeat;    
    border-radius: 100px;
    padding: 40px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 66%;
    margin: auto;
}
#new-element-category-image {
    width: 30px;
}
@media (orientation: landscape) {
    #img-new-element {
        width: 40%;
        border-radius: 47px;
        max-width: 160px;
    }
    #combine-element-plus{
        width: 80%;
    }
    #combine-element-1, #combine-element-2{
        width: 18%;
        border-radius: 16px;
    }
    #combine-element-plus-td{
        width: 5%;
    }
}
@media (orientation: portrait) {
    #img-new-element {
        width: 57%;
        border-radius: 32px;
        max-width: 160px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #combine-element-plus{
        width: 80%;
    }
    #combine-element-1, #combine-element-2{
        width: 50%;
        border-radius: 14px;
    }
    #combine-element-plus-td{
        width: 12%;
    }
}