/* For all themes: */

#userStatsDiv[data-isthemed="true"] {
    
    position: absolute;
    padding: 0rem;
    width: 50%;
    bottom: -5%;
    left: 25%;
    margin-inline: auto;
    border-radius: 10px;
    border:2px solid white;
   
}




/* CyberNeon */

#mainWrapper[data-theme="dark_neon"] {
    position: relative;
    padding:75px;
    background-color: transparent;
    border-image-source: url('../img/themes/dark_neon_border.avif');
    border-image-width: 75px;
    border-image-slice: 250 250 250 250 fill;
}

#mainWrapper[data-theme="dark_neon"]>#mathTaskMain {
    
    border-radius: 0;
    clip-path:polygon(7% 0%, 92% 0%, 100% 11%, 100% 92%, 93% 100%, 5% 100%, 0% 94%, 0% 8%);
   
    
}



/* old tech */

#mainWrapper[data-theme="old_tech"] {
    position: relative;
    padding:150px;
    background-color: transparent;
    border-image-source: url('../img/themes/old_tech_border.avif');
    border-image-width: 150px;
    border-image-slice: 480 350 380 360 fill;
}

#mainWrapper[data-theme="old_tech"]>#mathTaskMain {
    
    border-radius: 0;
    
   
    
}



/* evil alien */

#mainWrapper[data-theme="evil_alien"] {
    position: relative;
    padding:150px;
    background-color: transparent;
    border-image-source: url('../img/themes/evil_alien_border.avif');
    border-image-width: 150px;
    border-image-slice: 500 390 450 390 fill;
    border-image-repeat: round;
}

#mainWrapper[data-theme="evil_alien"]>#mathTaskMain {
    
    border-radius: 0;
    
   
    
}

/* alien pink */

#mainWrapper[data-theme="pink_growth"] {
    position: relative;
    padding:75px;
    background-color: transparent;
    border-image-source: url('../img/themes/pink_growth_border.avif');
    border-image-width: 75px;
    border-image-slice: 370 370 347 382 fill;
    border-image-repeat: round;
    /* make it glow */
}

#mainWrapper[data-theme="pink_growth"]>#mathTaskMain {
    
    border-radius: 0;
    
    
}

/* gold */

#mainWrapper[data-theme="gold"] {
    position: relative;
    padding:75px;
    background-color: transparent;
    border-image-source: url('../img/themes/gold_border.avif');
    border-image-width: 75px;
    border-image-slice: 370 370 347 382 fill;
    border-image-repeat: round;
    /* make it glow */
}

#mainWrapper[data-theme="gold"]>#mathTaskMain {
    
    border-radius: 0;
    
}


/* green */

#mainWrapper[data-theme="green"] {
    position: relative;
    padding:75px;
    background-color: transparent;
    border-image-source: url('../img/themes/green_border.avif');
    border-image-width: 75px;
    border-image-slice: 370 370 347 382 fill;
    border-image-repeat: round;
    /* make it glow */
}

#mainWrapper[data-theme="green"]>#mathTaskMain {
    
    border-radius: 0;
    
}


/* SHIP IMAGES */


#mathAvatarShipChooser[data-theme="green"]{
    background-image: url("../img/themes/green_ship_small.avif");
}

#mathAvatarShipChooser[data-theme="dark_neon"]{
    background-image: url("../img/themes/dark_neon_ship_small.avif");
}

#mathAvatarShipChooser[data-theme="old_tech"]{
    background-image: url("../img/themes/old_tech_ship_small.avif");
}

#mathAvatarShipChooser[data-theme="evil_alien"]{
    background-image: url("../img/themes/evil_alien_ship_small.avif");
}

#mathAvatarShipChooser[data-theme="gold"]{
    background-image: url("../img/themes/gold_ship_small.avif");
}

#mathAvatarShipChooser[data-theme="pink_growth"]{
    background-image: url("../img/themes/pink_growth_ship_small.avif");
}

#mathAvatarShipChooser[data-theme="default"]{
    background-image: url("../img/themes/default_ship_small.avif");
    background-size: 50%;
}