@-webkit-keyframes spin is not working

<h1>loadBurn {</h1>

position: absolute; left: 5%; top: 55%; z-index: 1; width: 25px; height: 25px; margin: 0; border: 6px solid rgba(219, 83, 106, .09); border-radius: 50%; border-top: 6px solid #db536a; border-right: 6px solid #db536a; width: 25px; height: 25px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }