@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Montserrat&family=Playfair+Display&family=Raleway&display=swap');

* {
  font-family: 'Handlee', cursive;

}
body{
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  background: #161623;

}
body::before{
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#f00,#f0f);
  clip-path: circle(30% at 28% 2%);
}


.contains{
  position: relative;
  width: auto;
  height: auto;
  box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
  border-radius:15px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;

}
img{
  padding: 5px;
  box-shadow: 10px black;
}
h2{
  color: pink;
}
h5{
  color: pink;
}
ul{
  list-style-type: none;


}
ul li {
  position: relative;
  display: inline-block;
  align-items: center;
  padding: 20px;

}
ul li a {
  text-decoration: none;
  color: pink;
  border: 2px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 8px;
  transition: 0.5s;

}
a:hover{
  background-color: pink;
  color: black;
  box-shadow: 0px 0px 8px black;
}
