badn.css

html {

}
body{
  background: url('https://www.wallpaperup.com/uploads/wallpapers/2013/09/29/153315/3bf0bc93b9bf2475111c5454a74868f2-700.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:black;
}
.content {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.div2{
  font-weight: bold;
  font-size: 30px;
  color: #FAFAFA;
  font-family: Indie Flower;
  text-align:center;
  text-shadow: 2px -4px 3px black;
    }

.dust {
  position: absolute;
  width:50%;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

@media only screen and (min-width : 320px) and (max-width : 480px) {
body{
  background: url('https://img3.akspic.com/image/117156-darkness-female-black-fictional_character-girl-1920x1080.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:black;
}
  .div2{
  font-weight: bold;
  font-size: 17px;
  color: #FAFAFA;
  font-family: Indie Flower;
  text-align:center;
  text-shadow: 2px -2px 2px black;
    }
  .content {
  display: flex;
  align-items: center;
  flex-direction: column;
    }
  .dust {
  position: absolute;
  width:100%;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
}
y{
    color:yellow;
}
g{
    color:green;
}
r{
    color:red;
}
w{
    color:white;
}
#rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width : 100px;
    height:120px;
}