* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
  width: 100%;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;

  /* Background image */
  background-image: url("https://coolbackgrounds.imgix.net/2SvDjcgyav5C1DOb79JKXl/d3b06db5bb6bdb4ab237f666b5b4980e/compute-ea4c57a4.png?w=1080&q=60&auto=format,compress");

  background-size: cover; /* image pura cover kare */
  background-position: center; /* center align */
  background-attachment: scroll; /* scroll karne par bhi fixed rahe */
  font-family: Arial, Helvetica, sans-serif;
}
#main {
  height: 100%;
  width: 100%;
  position: relative;
}

#main > h1 {
  color: pink;
  font-style: italic;
  text-align: center;
  font-size: 60px;
  font-weight: 600;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
span {
  color: #fff;
  text-decoration: none;
}
#music {
  display: flex;
  justify-content: center;
  border: 2px solid #fff;
}

#gaming {
  display: flex;
  justify-content: center;
  border: 2px solid #fff;
}

#coding {
  display: flex;
  justify-content: center;
  border: 2px solid #fff;
}