style.css

/*
Container es mejor que sea una clase, los id tienen prioridad absoluta y solo se suelen usar para un elemento
que vayas a usar en javascript en específico. Por ejemplo un vídeo.

Pon en el html todos los elementos con la clase .parrot y añade en la clase de parrot que quieras con .parrot-n
por ejemplo: <div class="parrot p-23"></div>. Si es dinámico con javascript mejor, para que puedas añador y quitar
fácilmente sin tener que tocar código.

*/


html,body {
 background-image: url("../space.png");
 background-color: #000000;
 height: 100%;
 overflow: hidden;
 margin: 0;
}

.container { height:100%; width:100%; }

.parrot {
   position: fixed;
   background-repeat: no-repeat;
   background-size: 64px;
   width: 64px;
   height: 64px;
}

.parrot-1 {
	background-image: url('../60fpsparrot.gif');
}

.parrot-2 {
	background-image: url('../americaparrot.gif');
}

.parrot-3 {
	background-image: url('../angelparrot.gif');
}

.parrot-4 {
	background-image: url('../angryparrot.gif');
}

.parrot-5 {
	background-image: url('../aussiecongaparrot.gif');
}

.parrot-6 {
	background-image: url('../aussieparrot.gif');
}

.parrot-7 {
	background-image: url('../aussiereversecongaparrot.gif');
}

.parrot-8 {
	background-image: url('../beerparrot.gif');
}

.parrot-9 {
	background-image: url('../beretparrot.gif');
}

.parrot-10 {
	background-image: url('../bikerparrot.gif');
}

.parrot-11 {
	background-image: url('../birthdaypartyparrot.gif');
}

.parrot-12 {
	background-image: url('../bluntparrot.gif');
}

.parrot-13 {
	background-image: url('../bobaparrot.gif');
}

.parrot-14 {
	background-image: url('../bootlegparrot.gif');
}

.parrot-15 {
	background-image: url('../boredparrot.gif');
}

.parrot-16 {
	background-image: url('../brazilianfanparrot.gif');
}

.parrot-17 {
	background-image: url('../brazilianplayerparrot.gif');
}

.parrot-18 {
	background-image: url('../britparrot.gif');
}

.parrot-19 {
	background-image: url('../bunnyparrot.gif');
}

.parrot-20 {
	background-image: url('../calvinist_parrot.gif');
}

.parrot-21 {
	background-image: url('../canadaparrot.gif');
}

.parrot-22 {
	background-image: url('../ceilingparrot.gif');
}

.parrot-23 {
	background-image: url('../chicoparrot.gif');
}

.parrot-24 {
	background-image: url('../christmasparrot.gif');
}

.parrot-25 {
	background-image: url('../confusedparrot.gif');
}

.parrot-26 {
	background-image: url('../congaparrot.gif');
}

.parrot-27 {
	background-image: url('../congapartyparrot.gif');
}

.parrot-28 {
	background-image: url('../copparrot.gif');
}

.parrot-29 {
	background-image: url('../dadparrot.gif');
}

.parrot-30 {
	background-image: url('../darkmodeparrot.gif');
}

.parrot-31 {
	background-image: url('../dealwithitnowparrot.gif');
}

.parrot-32 {
	background-image: url('../dealwithitparrot.gif');
}

.parrot-33 {
	background-image: url('../discoparrot.gif');
}

.parrot-34 {
	background-image: url('../donutparrot.gif');
}

.parrot-35 {
	background-image: url('../evilparrot.gif');
}

.parrot-36 {
	background-image: url('../fastparrot.gif');
}

.parrot-37 {
	background-image: url('../flowerparrot.gif');
}

.parrot-38 {
	background-image: url('../flower_parrot.gif');
}

.parrot-39 {
	background-image: url('../flyingmoneyparrot.gif');
}

.parrot-40 {
	background-image: url('../footballparrot.gif');
}

.parrot-41 {
	background-image: url('../frenchparrot.gif');
}

.parrot-42 {
	background-image: url('../frenchparrothd.gif');
}

.parrot-44 {
	background-image: url('../gentlemanparrot.gif');
}

.parrot-46 {
	background-image: url('../gothparrot.gif');
}

.parrot-47 {
	background-image: url('../grouchoparrot.gif');
}

.parrot-48 {
	background-image: url('../hardhatparrot.gif');
}

.parrot-49 {
	background-image: url('../harpoparrot.gif');
}

.parrot-50 {
	background-image: url('../horizontalparrot.gif');
}

.parrot-51 {
	background-image: url('../inverseparrot.gif');
}


.parrot-53 {
	background-image: url('../jediparrot.gif');
}

.parrot-54 {
	background-image: url('../laptop_parrot.gif');
}

.parrot-55 {
	background-image: url('../mardigrasparrot.gif');
}

.parrot-56 {
	background-image: url('../marshmallowparrot.gif');
}

.parrot-57 {
	background-image: url('../mexicoparrot.gif');
}

.parrot-58 {
	background-image: url('../middleparrot.gif');
}

.parrot-59 {
	background-image: url('../moonwalkingparrot.gif');
}

.parrot-60 {
	background-image: url('../mustacheparrot.gif');
}

.parrot-61 {
	background-image: url('../norwegianblueparrot.gif');
}

.parrot-62 {
	background-image: url('../opensourceparrot.gif');
}

.parrot-63 {
	background-image: url('../originalparrot.gif');
}

.parrot-64 {
	background-image: url('../parrot.gif');
}

.parrot-65 {
	background-image: url('../parrotbeer.gif');
}

.parrot-66 {
	background-image: url('../parrotcop.gif');
}

.parrot-67 {
	background-image: url('../parrotmustache.gif');
}

.parrot-68 {
	background-image: url('../parrotnotfound.gif');
}

.parrot-69 {
	background-image: url('../partyparrot.gif');
}

.parrot-70 {
	background-image: url('../pingpongparrot.gif');
}

.parrot-71 {
	background-image: url('../pirateparrot.gif');
}

.parrot-72 {
	background-image: url('../popcornparrot.gif');
}

.parrot-73 {
	background-image: url('../portalblueparrot.gif');
}

.parrot-74 {
	background-image: url('../portalorangeparrot.gif');
}

.parrot-75 {
	background-image: url('../prideparrot.gif');
}

.parrot-76 {
	background-image: url('../pumpkinparrot.gif');
}

.parrot-77 {
	background-image: url('../redenvelopeparrot.gif');
}

.parrot-78 {
	background-image: url('../redhatparrot.gif');
}

.parrot-79 {
	background-image: url('../reversecongaparrot.gif');
}

.parrot-80 {
	background-image: url('../reverseparrot.gif');
}

.parrot-81 {
	background-image: url('../reverseportalblueparrot.gif');
}

.parrot-82 {
	background-image: url('../reverseportalorangeparrot.gif');
}

.parrot-83 {
	background-image: url('../revolutionparrot.gif');
}

.parrot-84 {
	background-image: url('../rightparrot.gif');
}

.parrot-85 {
	background-image: url('../sadparrot.gif');
}

.parrot-86 {
	background-image: url('../sassyparrot.gif');
}

.parrot-87 {
	background-image: url('../scienceparrot.gif');
}

.parrot-88 {
	background-image: url('../serbiaparrot.gif');
}

.parrot-89 {
	background-image: url('../sherlockholmesparrot.gif');
}

.parrot-90 {
	background-image: url('../shuffleparrot.gif');
}

.parrot-91 {
	background-image: url('../sintparrot.gif');
}

.parrot-92 {
	background-image: url('../sithparrot.gif');
}

.parrot-93 {
	background-image: url('../sleepingparrot.gif');
}

.parrot-94 {
	background-image: url('../slowparrot.gif');
}

.parrot-95 {
	background-image: url('../spinningparrot.gif');
}

.parrot-96 {
	background-image: url('../spyparrot.gif');
}

.parrot-97 {
	background-image: url('../stableparrot.gif');
}

.parrot-98 {
	background-image: url('../sushiparrot.gif');
}

.parrot-99 {
	background-image: url('../tennisparrot.gif');
}

.parrot-100 {
	background-image: url('../thumbsupparrot.gif');
}

.parrot-101 {
	background-image: url('../tiedyeparrot.gif');
}

.parrot-102 {
	background-image: url('../trans-parrot.gif');
}

.parrot-103 {
	background-image: url('../transparront.gif');
}

.parrot-104 {
	background-image: url('../twinsparrot.gif');
}

.parrot-105 {
	background-image: url('../ultrafastparrot.gif');
}

.parrot-106 {
	background-image: url('../vikingparrot.gif');
}

.parrot-107 {
	background-image: url('../wendyparrot.gif');
}

.parrot-108 {
	background-image: url('../whitewalkerparrot.gif');
}