* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Gilroy";
  color: white;
}
html,
body {
  height: 100%;
  width: 100%;
  background-color: #111;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
}

#card {
  height: 550px;
  width: 350px;
  background-color: aliceblue;
  border-radius: 15px;
  border: 3px solid #000000;
  position: relative;
  overflow: hidden;
}
#storiyan {
  height: 120px;
  width: 100%;
  border-bottom: 1px solid #dadada;
  padding: 15px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
#storiyan::-webkit-scrollbar{
    display: none;
}
#story {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  /* border: 3px solid rgb(154, 4, 156); */
  background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4, #1cabc0);
  padding: 4px;
  display: inline-block;
}
#story img{
    height: 100%;
    width: 100%;
    border-radius: 50%;

}

#full-scrren{
  height: 100%;
  width: 100%;
  /* background-color: red; */
  background-size: cover;
  background-position: center;
  position: absolute;
  display: none;
  border-radius: 8px;
}