body {}

.fade0 { opacity: 0; display: none;}
.fade1 { opacity: .05; display: block; }
.fade2 { opacity: .1; display: block; }
.fade3 { opacity: .15; display: block; }
.fade4 { opacity: .2; display: block;}
.fade5 { opacity: .25; display: block;}
.fade6 { opacity: .3; display: block;}
.fade7 { opacity: .35; display: block;}
.fade8 { opacity: .4; display: block;}
.fade9 { opacity: .45; display: block;}
.fade10 { opacity: .5; display: block;}
.fade11 { opacity: .55; display: block;}
.fade12 { opacity: .6; display: block;}
.fade13 { opacity: .65; display: block;}
.fade14 { opacity: .7; display: block;}
.fade15 { opacity: .75; display: block;}
.fade16 { opacity: .8; display: block;}
.fade17 { opacity: .85; display: block;}
.fade18 { opacity: .9; display: block;}
.fade19 { opacity: .95; display: block;}
.fade20 { opacity: 1; display: block;}



.modal0 { opacity: 0; display: none; }
.modal1 { opacity: .02; display: block; }
.modal2 { opacity: .04; display: block; }
.modal3 { opacity: .06; display: block; }
.modal4 { opacity: .08; display: block; }
.modal5 { opacity: .1; display: block; }
.modal6 { opacity: .12; display: block; }
.modal7 { opacity: .14; display: block; }
.modal8 { opacity: .16; display: block; }
.modal9 { opacity: .18; display: block; }
.modal10 { opacity: .2; display: block; }
.modal11 { opacity: .22; display: block; }
.modal12 { opacity: .24; display: block; }