It preloader

by Yuriy Petrichenko

HTML

<h1 class="preloaderName">Hebron IT Academy</h1>
<div class="spin">
</div>

CSS

body{
        background-color:#233B50;
        
}
.preloaderName{
    font-size:50px;
    color:#fff;
}
.preloaderName:first-letter{
    color:#cb4c70;
}
.spin{
    position: absolute;
    left: 50%;
    top: 50%;
    width:200px;
    height:200px;
    background-color:#233B50;
    border:4px solid #fff;
    border-radius:50%;
    border-top-color:#cb4c70;
    animation: preloader 1s  infinite;
    }
 
    
    @keyframes preloader {
    0% {
        transform: rotate(0deg);
        box-shadow:0px 0px 20px 1px #fff;
    }
    100% {

        transform: rotate(360deg);
    }
}