@font-face {
  font-family: IRAN-Rounded;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/eot/IRAN-Rounded.eot");
  src: url("../fonts/eot/IRAN-Rounded.eot?#iefix") format("embedded-opentype"),
    /* IE6-8 */ url("../fonts/woff/IRAN-Rounded.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/ttf/IRAN-Rounded.ttf")
      format("truetype");
}

@font-face {
  font-family: Merriweather;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/eot/Merriweather-Regular.eot");
  src: url("../fonts/eot/Merriweather-Regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts/woff/Merriweather-Regular.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts/ttf/Merriweather-Regular.ttf") format("truetype");
}

.farsi-context {
  font-family: IRAN-Rounded;
}

.english-context {
  font-family: Merriweather;
  letter-spacing: 4px;
}

html,
body,
* {
  background-color: black;
  color: #fdf2e9;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px;
}

.music-band {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0px;
  margin: 10px;
}

.music-band p {
  font-size: 32px;
  padding: 0;
  margin: 0;
}

.languages {
  margin-top: 20px;
  display: flex;
  width: 30%;
  justify-content: space-around;
}

.intro-cover {
  width: 60%;
}