#cpuinfo{
  border:2px solid #4099ff;
  border-radius:4px;
  background-color:#09101B;
  color:#4099ff;
  padding:2px;
  text-align:center;
  font-family:arial;
  font-size:12px;
  box-shadow:0 0 10px black;
  text-shadow:0 0 1px white;
  z-index:10;
  animation:pulse 1s infinite alternate;
}
@keyframes pulse{
  from{
    box-shadow:0 0 10px black;
  }
  to{
    box-shadow:0 0 20px #4099ff;
  }
}

#cpuinfo:active{
  transform:translateY(1px);
  
}
#cpuinfo #underling{
  position:absolute;
  top:-130px;
  right:300px;
  height:500px;
  width:300px;
  border:2px solid #4099ff;
  border-radius:4px;
  background-color:white;
  color:#4099ff;
  padding:10px;
  transform:scale(0,0) rotate(-180deg);
  text-align:left;  
  transition:all .3s ease-in;
}
#cpuinfo:hover #underling{
  transform:scale(1,1) rotate(0deg);
  z-index: 500 !important;  
}
#cpuinfo #underling h1{
  margin-top:-6px;
}
#cpuinfo #underling p{
  color:white;
  text-align:left;  
}

#cpuinfo #underling1{
  position:absolute;
  top:-30px;
  right:300px;
  height:550px;
  width:300px;
  border:2px solid #4099ff;
  border-radius:4px;
  background-color:white;
  color:#4099ff;
  padding:10px;
  transform:scale(0,0) rotate(-180deg);
  text-align:left;  
  transition:all .3s ease-in;
}
#cpuinfo:hover #underling1{
  transform:scale(1,1) rotate(0deg);
  z-index: 500 !important;  
}

#cpuinfo #underling2{
  position:absolute;
  top:300px;
  right:300px;
  height:250px;
  width:300px;
  border:2px solid #4099ff;
  border-radius:4px;
  background-color:white;
  color:#4099ff;
  padding:10px;
  transform:scale(0,0) rotate(-180deg);
  text-align:left;  
  transition:all .3s ease-in;
}
#cpuinfo:hover #underling2{
  transform:scale(1,1) rotate(0deg);
  z-index: 500 !important;  
}









#laptopinfobox {
  z-index:10;
}
@keyframes pulse{
  from{
    box-shadow:0 0 10px black;
  }
  to{
    box-shadow:0 0 20px #4099ff;
  }
}

#laptopinfobox:active{
  transform:translateY(1px);
  
}
#laptopinfobox #underling{
  position:absolute;
  top:0px;
  right:50px;
  height:300px;
  width:900px;
  border:2px solid #4099ff;
  border-radius:4px;
  background-color:white;
  color:#4099ff;
  padding:10px;
  transform:scale(0,0) rotate(-180deg);
  text-align:left;  
  transition:all .3s ease-in;
}
#laptopinfobox:hover #underling{
  transform:scale(1,1) rotate(0deg);
  z-index: 500 !important;  
}
#laptopinfobox #underling h1{
  margin-top:-6px;
}
#laptopinfobox #underling p{
  color:white;
  text-align:left;  
}








#desktophelpbox {
  z-index:10;
}
@keyframes pulse{
  from{
    box-shadow:0 0 10px black;
  }
  to{
    box-shadow:0 0 20px #4099ff;
  }
}

#desktophelpbox:active{
  transform:translateY(1px);
  
}
#desktophelpbox #underling{
  position:absolute;
  top:0px;
  right:250px;
  height:200px;
  width:500px;
  border:2px solid #4099ff;
  border-radius:4px;
  background-color:white;
  color:#4099ff;
  padding:10px;
  transform:scale(0,0) rotate(-180deg);
  text-align:left;  
  transition:all .3s ease-in;
}
#desktophelpbox:hover #underling{
  transform:scale(1,1) rotate(0deg);
  z-index: 500 !important;  
}
#desktophelpbox #underling h1{
  margin-top:-6px;
}
#desktophelpbox #underling p{
  color:white;
  text-align:left;  
}