/*All*/
.container  {
  position: relative;  
  width: 100%;
  height: 100vh;
}

body {
  background: url("https://issarazz.neocities.org/recursos/fondoinicio.png"); 
	background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat;
  background-size: 100%;
	font-family: "VT-100", fixedsys, System, monospace;
	font-size: 13px;
  }

/*Pagina principal*/
.img1{
 display: block;
 z-index: 898;
 position: absolute;
 margin-top:-35%;
 margin-left: -35%;
 
 transform: scale(19%) rotate(60deg);
}
.img1:hover {
  transform: scale(21%) rotate(65deg);
}


.img2{
 display: block;
 z-index: 898;
 position: absolute;
 margin-top:-15%;
 margin-left: -33%;
 transform: scale(20%) rotate(20deg);
}
.img2:hover {
  transform: scale(23%) rotate(10deg);
}


.abm {
 position: absolute;
 margin-top: 0%;
 margin-left:16%;  
 display: block;
 z-index: 898;
}
.abm:hover {
  transform: scale(110%) rotate(5deg);
}


.Button {
  position: absolute;
  margin-top: 40%;
  margin-left: 3%;
  z-index: 898;
}
.Button:hover {
  transform: scale(110%) rotate(-5deg);
}


.recuadroinicio{
  position: absolute;
  display: block;
  margin-top: 25%;
  margin-left:27%;
  width: 140px;
  height: 110px;
  border: 5px solid #CD5C5C;
  padding: 75px;
  background-color: #CD5C5C;
  border-radius: 25px;
  text-align: center;
  z-index: 898;
  font-family: OldNewspaperTypes;
  font-size: 20px;
  
}

.pintura1{
  position: absolute;
  display: block;
  z-index: 898;
  margin-top: 10%;
  margin-left: 60%;
  transform: scale(50%) rotate(0deg);
}
.pintura2{
  position: absolute;
  display: block;
  z-index: 898;
  margin-top: 30%;
  margin-left:55%;
  transform: scale(45%) rotate(10deg);
}
.pintura3{
  position: absolute;
  display: block;
  z-index: 898;
  margin-top: 25%;
  margin-left: 50%;
  transform: scale(50%) rotate(-10deg);
}
.allpins:hover{
 transform: scale(105%) rotate(0deg);
}