body {
  background-image: url(bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:cover;
}
button {
  border-radius:180px;
  font-family:monospace;
  padding:5px;
  cursor:pointer;
  transition:background-color 0.5s;
  transition:box-shadow 0.3s;
  box-shadow: 5px 5px
}
.para{
 background-color:#1e90ff;
 
}
.para:hover{
  background-color:#004586;
  box-shadow:2px 2px;
}
.uni{
  background-color:purple;
}
.uni:hover{
  background-color:#5c2563;
   box-shadow:2px 2px;
}
.on{
  background-color:#C8A2C8;
  
}
.on:hover{
  background-color:#865486;
   box-shadow:2px 2px;
}
.connection{
  background-color:#FF69B4;
}
.connection:hover{
  background-color:#be086a;
   box-shadow:2px 2px;
}
.nano{
  background-color:pink;
}
.nano:hover{
  background-color:#ff99ab;
   box-shadow:2px 2px;
}
.back{
  background-color:#c1cfb4;
  position:sticky;
}
.secret{
  position:absolute;
  bottom:60px;
  background-color:#e3ffdf;
  border-color:#e3ffdf;
  box-shadow: 0px 0px;
}