* {
    color: #ffffff;
    cursor: url(https://lelkasa.github.io/pointers/cursourcustom.png), auto;
    scroll-behavior: smooth;
    font-family: Eras, Bold, sans-serif;
    text-shadow: 1px 1px 2px black;
}
body {
background: url(https://mediatech-cesar.neocities.org/Wallpapers/Polar%20Night.jpg)
    
  }
   

/*nav bar start*/

/*nav bar end */



/* css loader line windows 10 loading animation*/







/*nav bar*/


/*nav bar start*/


*,:before,
*:after{
    padding:0;
    margin:0;
    box-sizing:border-box;

}

nav {
    width: 100%;
    display: flex;
    align-items:center;
    background-color: rgb(0,0,0,0.6);
    position: fixed sticky;
    top: 0;
    padding: 25px 30px ;
    font-family: "Poppins",sans-serif;
    backdrop-filter: blur(8px);
    box-shadow: 0 20px 30px rgb(0,0,0,0.15);
}
header {
    height: 00px;
    background: url("");
    background-size: cover;
    background-position: center center;
    backdrop-filter: blur(10px);
    backdrop-filter: drop-shadow(4px 4px 10px rgb(0, 0, 0));
    
}

ul {
    list-style: none;
    
}


li{
    display:inline-block;

}

li a{
    margin-left:40px;

}

nav a {
    color: #ffffff;
    letter-spacing:1px;
    text-decoration:none;
}


/*nav bar end */




/* custom scrollbar*/

::-webkit-scrollbar{
    width: 25px;
}

::-webkit-scrollbar-track{
    border:7px solid #232943;
    box-shadow: inset 0 0 2.5px 2px rgba(0,0,0,0.5);
        
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(
        45deg,
    #06dee1,
    #79ff6c,

     );

    border-radius:3px;
}



/* stuff */

html {
    height: 100%;
}

body {
    min-height: 100%;
}

/*GLASS BUTTON START */
button{
    width: 320px;
    height: 120px;
    position: static;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    font-family: 'Poppins',sans-serif;
    background-color: rgba(255,255,255,0.05);
    font-size: 25px;
    letter-spacing: 10px;
    backdrop-filter: blur(8px);
    cursor: pointer;
    border-radius: 25px;
    transition: 0.5s;
}
button:after{
    content: "";
    position: static;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(
        45deg,
        transparent 50%,
        rgba(255,255,255,0.03) 58%,
        rgba(255,255,255,0.16) 67%,
        transparent 68%
    );
    background-size: 200% 100%;
    background-position: 165% 0;
    transition: 0.7s;
}
button:hover:after{
    background-position: -20% 0;
}
button:hover{
    box-shadow: 15px 30px 32px rgba(0,0,0,0.25);
    transform: translateY(-10px);
}

/*GLASS BUTTON END/