[HTML-CSS] Windows 10 loading screen

I loved to code few years back when I was in High School, copy paste type coding it was fun that time. I have done many mini project like JavaScript clock, calculator, login form etc. but for collage study I left everything behind because I was told to make career in others field. but few days ago I decided come back for ever, I decided to learn everything from scratch because what I learned years back is maybe outdated and also I forgot most of the things.

Currently I am learning web development from FreeCodeCamp and TheOdinProject under a week I have almost completed HTML and CSS next I will go for JavaScript etc.

Here I made Windows 10 animated loading screen by writing each and every line by myself (and some help of VS Code) , I thought, it would be nice to share with you and take some feedback.

About the Project

When I started this I was thinking it would be very easy to do that just few lines of CSS code. I will add a box and a vertical and a horizontal line by using pseudo element, and will add few more transparent blocks with one visible pseudo element to mimic loading circle and add some rotation to transparent block with some delay to each.

I know it was not hard but adding perspective, don't ask about that it took double the time of whole code. and the solution was just adding the perspective: 30vw; to the parent element and transform: rotateY(-30deg); to the logo.

Anyway it is now completed, I love to hear some word from you. Also I am open to any questions and constructive criticism.😊