<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<h1>MOVIE REVIEW</h1>
@import url("https://fonts.googleapis.com/css?family=Montserrat:900");
body {
background: radial-gradient(ellipse at bottom, #022227 0%, #000000 100%);
position: relative;
height: 100vh;
width: 100vw;
margin: 0;
display: grid;
place-items: center;
}
h1 {
margin: 0;
font-family: "KHAND", "Montserrat", sans-serif;
font-size: 20vh;
letter-spacing: 0vw;
color: white;
background: url("https://thumbs.dreamstime.com/b/tropical-flower-pattern-seamless-flowers-blossom-flowers-nature-background-vector-illustration-61142748.jpg");
background-size: auto 200%;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shine 8s linear infinite;
}
@keyframes shine {
from {
background-position: center 0;
}
to {
background-position: center 200%;
}
}
