Web loader.css

*{
    margin: 0px;
    padding: 0px;

}
body{
    height: 100vh;
    width: 100vw;
    background-color: #1ec968de;
    display: grid;
    /* place-items: center; */
    place-content: center;
    /* align-items: center; */
}
.main{
    height: 300px;
    width: 500px;
    background-color: rgb(4, 57, 66);
    display: grid;
    place-items: center; 
}
.load{
    height: 40px;
    width: 40px;
    border: white 6px solid;
    border-radius: 50%;
    border-top: 6px solid #fbd022;
    background-color: transparent;
    animation: loader 1s linear infinite;
}
@keyframes loader{
    0%{
    }
    100%{
        transform: rotate(360deg);   
        
    }
}