.svg404 {
    width: 200px;
}

.textContainer404>div:first-child {
    font-size: 100px;
    font-weight: bold;
    color: var(--gray-4);
}

.textContainer404>div:not(:first-child) {
    font-size: 28px;
}




/*  
***************************
Stile per giocatore intero 
***************************
*/

.shorts_style {
	fill: #ebebeb;
}




.cls-2 {
	opacity: 0.1;
}

.shorts_style5,
.shorts_style7,
.shorts_style8,
.cls-2,
.tears_style,
.cls-7,
.cls-9 {
	isolation: isolate;
}

.shoes_style {
	fill: #414042;
}

.bordi_shirt_socks_style {
	fill: var(--second-color);
}

.skin_style {
	fill: #f7b69b;
}

.shorts_style3,
.shorts_style5,
.shorts_style7,
.shorts_style8,
.tears_style {
	fill: #fff;
}

.tears_style {
	opacity: 0.4;
}

.shorts_style5,
.cls-7,
.cls-9 {
	opacity: 0.2;
}

.hears_style {
	fill: #eea485;
}

.cls-9 {
	fill: #530000;
}

.hair_style {
	fill: #835926;
}

.shorts_style0 {
	fill: #835926;
}

.shorts_style1 {
	fill: #d47e78;
}

.shorts_style2 {
	fill: #ac6862;
}

.shorts_style4 {
	fill: #49392c;
}

.shorts_style6 {
	fill: #be856c;
}

.shorts_style7 {
	opacity: 0.6;
}

.shorts_style8 {
	opacity: 0.3;
}

.shorts_style9 {
	fill: #b3b3b3;
}


.logo_style_top {
	fill: #ebebeb;
}
.logo_style_shorts {
	fill: #b3b3b3;
}

.shirt_style {
	fill: var(--main-color);
}






/*  
***************************
Stile per giocatore a mezzo busto 
***************************
*/

.shirt_half_style {
	fill: var(--main-color);
}


.bordi_shirt_socks_half_style {
	fill: var(--second-color);
}

.skin_half_style {
	fill: #f7b69b;
}

.tears_half_style {
	opacity: 0.4;
	fill: #fff;
	enable-background: new;
}

.st3 {
	opacity: 0.2;
	enable-background: new;
}

.st4 {
	opacity: 0.1;
	enable-background: new;
}

.hears_half_style {
	fill: #EEA485;
}

.st6 {
	opacity: 0.2;
	fill: #530000;
	enable-background: new;
}

.hairs_half_style {
	fill: #835926;
}

.st8 {
	fill: #D47E78;
}

.st9 {
	fill: #AC6862;
}

.tears2_half_style {
	fill: #FFFFFF;
}

.st11 {
	fill: #49392C;
}

.st12 {
	opacity: 0.2;
	fill: #FFFFFF;
	enable-background: new;
}

.st13 {
	fill: #BE856C;
}

.st14 {
	opacity: 0.6;
	fill: #FFFFFF;
	enable-background: new;
}

.st15 {
	opacity: 0.3;
	fill: #FFFFFF;
	enable-background: new;
}

.logo_half_style_top {
	fill: #EBEBEB;
}





@media screen and (max-width: 767px) {
    .textContainer404>div:first-child {
        font-size: 70px;
    }

    .textContainer404>div:not(:first-child) {
        font-size: 16px;
    }
}

@media screen and (max-width: 575px) {
    .svg404 {
        transform: translateX(-35px);
    }

    .textContainer404>div:first-child {
        font-size: 50px;
    }

    .textContainer404>div:not(:first-child) {
        font-size: 12px;
    }
}

@media screen and (max-width: 375px) {


    .svg404Container button {
        width: 140px;
    }
}