:root{
  --screen-color : #f6f6f6;
  --stain:  #ffffff;
  --dust: #302a2a;
}

body{
  background:var(--screen-color);
}

#big-stain{
  position: fixed;
  top:  60vh;
  left: 25vw;
  width: 50vw;
  height: 250px;
}

.stain-pixel{
  position: absolute;
  background-color:  var(--stain);
  background: radial-gradient(#ffffff, #f6f6f6, transparent);
  width: 20px;
  height: 15px;
  border-radius: 25%;
}
.stain-pixel:nth-child(3n){
  width: 5px;
}
.stain-pixel:nth-child(1){
  top: 29px;
  left: 26px;
}
.stain-pixel:nth-child(2){
  top: 12px;
  left: 50px;
}
.stain-pixel:nth-child(3){
  top:  22px;
  left: 10px;
}
.stain-pixel:nth-child(4){
  top:  15px;
  right: 10px;
}
.stain-pixel:nth-child(5){
  top: 11px;
  left: 44px;
} 
.stain-pixel:nth-child(6){
  top:  5px;
  right: 20px;
}
.stain-pixel:nth-child(7){
  top:  2px;
  right: 6px;
}
.stain-pixel:nth-child(8){
  top:  50px;
  right: 100px;
}
.stain-pixel:nth-child(9){
  top:  100px;
  right: 200px;
}
.stain-pixel:nth-child(10){
  top:  120px;
  right: 210px;
}
.stain-pixel:nth-child(11){
  top:  95px;
  right: 150px;
}
.stain-pixel:nth-child(12){
  top:  115px;
  right: 205px;
}
.stain-pixel:nth-child(13){
  top: 107px;
  right: 201px;
}
.stain-pixel:nth-child(14){
  top: 95px;
  right: 210px;
}
.stain-pixel:nth-child(15){
  top: 108px;
  right: 162px;
}
.stain-pixel:nth-child(16){
  top: 10px;
  right: 25px;  
}
.stain-pixel:nth-child(17){
  top: 60px;
  right: 111px;  
}
.stain-pixel:nth-child(18){
  top: 97px;
  right: 237px; 
}
.stain-pixel:nth-child(19){
  top: 112px;
  right: 242px;
}
.stain-pixel:nth-child(20){
  top: 112px;
  right: 242px;
}
.stain-pixel:nth-child(21){
  top: 112px;
  right: 187px;
}
.stain-pixel:nth-child(22){
  top: 101px;
  right: 480px;
}
.stain-pixel:nth-child(23){
  top: 51px;
  right: 311px;
}
.stain-pixel:nth-child(24){
  top: 90px;
  right: 496px;
}
.stain-pixel:nth-child(25){
  top: 55px;
  right: 388px;
}
.stain-pixel:nth-child(26){
  top: 97px;
  right: 119px;
}
.stain-pixel:nth-child(27){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(28){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(29){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(30){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(31){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(32){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(33){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(34){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(35){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(36){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(37){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(38){
  top: 54px;
  right: 328px;
}
.stain-pixel:nth-child(39){
  top: 33px;
  right: 654px;
}
.stain-pixel:nth-child(40){
  top: 31px;
  right: 639px;
}
.stain-pixel:nth-child(41){
  top: 19px;
  right: 782px;
}
.stain-pixel:nth-child(42){
  top: 38px;
  right: 630px;
}
.stain-pixel:nth-child(43){
  top: 24px;
  right: 646px;
}
.stain-pixel:nth-child(44){
  top: 37px;
  right: 617px;
}
.stain-pixel:nth-child(45){
  top: 68px;
  right: 814px;
}
.stain-pixel:nth-child(46){
  top: 54px;
  right: 668px;
}
.stain-pixel:nth-child(47){
  top: 10px;
  right: 813px;
}
.stain-pixel:nth-child(48){
  top: 16px;
  right: 774px;
}
.stain-pixel:nth-child(49){
    top: 21px;
  right: 787px;
}
.stain-pixel:nth-child(50){
  top: 210px;
  right: 258px;
}
.stain-pixel:nth-child(51){
  top: 200px;
  left: 65px;
}
.stain-pixel:nth-child(52){
  top: 205px;
  left: 65px;
}
.stain-pixel:nth-child(53){
  top: 210px;
  left: 75px;
}
.stain-pixel:nth-child(54){
  top: 198px;
  left: 80px;
}
.stain-pixel:nth-child(55){
  top: 20px;
  left: 80px;
}
.stain-pixel:nth-child(56){
  top: 40px;
  left: 95px;
}
.stain-pixel:nth-child(57){
  top: 35px;
  left: 85px;
}
.stain-pixel:nth-child(58){
  top: 35px;
  left: 90px;
}
.stain-pixel:nth-child(59){
  top: 50px;
  left: 200px;
}
.stain-pixel:nth-child(60){
  top: 55px;
  left: 170px;
}
.stain-pixel:nth-child(61){
  top: 60px;
  left: 180px;
}
.stain-pixel:nth-child(62){
  top: 60px;
  left: 185px;
}
.stain-pixel:nth-child(63){
  top: 10px;
  left: 185px;
}
.stain-pixel:nth-child(64){
  top: 10px;
  left: 160px;
}
.stain-pixel:nth-child(65){
  top: 20px;
  left: 160px;
}
.stain-pixel:nth-child(66){
  top: 200px;
  left: 20px;
}
.stain-pixel:nth-child(67){
  top: 200px;
  left: 26px;
}
.stain-pixel:nth-child(68){
  top: 205px;
  left: 15px;
}
.stain-pixel:nth-child(69){
  top: 208px;
  left: 20px;
}
.stain-pixel:nth-child(70){
  top: 195px;
  left: 18px;
}
.dust{
  position: absolute;
  background-color: var(--dust);
  width: 1px;
  height: 1px;
}
.dust:nth-child(even){
  animation-name: rvbChanging;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  background-color:  blue;
}
@keyframes rvbChanging{
  0%{background-color:blue;}
  25%{background-color:red;}
  50%{background-color:green;}
  100%{background-color:blue;}
}
.top{
  position: fixed;
  height: 60vh;
  width: 100vw;
}
.sneeze{
  position: absolute;
  top: 35vh;
  left: 71vw;
  width: 10px;
  height: 12px;
  border-radius: 75%;
  background: rgb(246,246,246);
  background: radial-gradient(circle, rgba(246,246,246,1) 44%, rgba(121,114,114,1) 54%, rgba(246,246,246,1) 65%);
  opacity: 10%;
}
#two {
  transform: rotate(45deg);
  top: 30vh;
  left:  10vw;
  width: 15px;
  height: 10px;
}
#three {
  transform: rotate(-45deg);
  top: 40vh;
  left:  80vw;
  width: 8px;
  height: 5px;
  opacity: 30%;
}
#four{
  transform: rotate(45deg);
  top: 25vh;
  left:  15vw;
  width: 15px;
  height: 10px;
}

.hair {
  position: absolute; 
}
#hair-one{
  left:  20vw;
  top: 50vh;
}
#hair-two{
  right:  20vw;
  top: 30vh;
}