* {
     margin: 0%;
     padding: 0%;
     text-decoration: none;
     box-sizing: border-box;
 }

 .preloader-container {
     position: fixed;
     top: 0;
     left: 0;
     height: 100vh;
     width: 100%;
     background-color: black;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     z-index: 9999;
     opacity: 1;
     visibility: visible;
     transition: opacity 0.6s ease;
 }



 #preloader-heading span {
     color: white;
     font-size: 3rem;
     font-family: sans-serif;
     -webkit-text-stroke: 2px orange;
     opacity: 0;
     display: inline-block;
     color: transparent;
     text-decoration: underline;
 }

 .round-container {
     position: relative;
     height: 100px;
     width: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.5s ease;
 }


 .round1 {
     height: 20px;
     width: 20px;
     border-radius: 50%;
     border: 3px solid rgb(79, 198, 245);
     position: absolute;
 }

 .round2 {
     height: 20px;
     width: 20px;
     border-radius: 50%;
     border-top: 3px solid rgb(145, 204, 240);
     position: absolute;

 }

 @media only screen and (max-width: 750px) {
    #preloader-heading span{
        font-size: 2rem;
    }
    
 }