html{
    cursor: none;
    scroll-behavior: smooth;
}
* {
    scrollbar-width: auto;
    scrollbar-color: #8682a8 #ffffff00;
    box-sizing: border-box;
  }
 /* Chrome, Edge, and Safari */
 *::-webkit-scrollbar {
    width: 4px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff00;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #8dabbe;
    border-radius: 10px;
    border: -1px solid #ffffff00;
  }
body{
    overflow-x: hidden;
}
.div1{

    padding: 14px;
    font-family:mokoto;
    font-size: 40px;
    margin-left: 500px;
    margin-top: -20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    color: #f9f9f9;
    text-shadow:
    0 0 2px rgba(202,228,225,0.92),
    0 0 10px rgba(202,228,225,0.34),
    0 0 4px rgba(30,132,242,0.52),
    0 0 7px rgba(182, 208, 236, 0.92),
    0 0 11px rgba(5, 23, 43, 0.78),
    0 0 16px rgba(30,132,242,0.92);
}
h3{
    
    font-family:mokoto;
    position: absolute;
    font-size: 15px;
    margin-top: 70px;
    margin-left: 535px;
    font-size: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    color: #acc0dd;
    text-shadow:
    0 0 2px rgba(202,228,225,0.92),
    0 0 10px rgba(202,228,225,0.34),
    0 0 4px rgba(30,132,242,0.52),
    0 0 7px rgba(182, 208, 236, 0.92),
    0 0 11px rgba(5, 23, 43, 0.78),
    0 0 16px rgba(30,132,242,0.92);
}
.div2{
    color: #c1b9b9;
    font-family: agrandirr;
    background-color: rgba(20, 5, 79, 0.498);
    height: 150px;
    width: 810px;
    font-size: 23px;
    border-radius: 20px;
    padding: 4px;
    padding-top: 25px;
    margin-top: 50px;
    margin-left: 370px;
    text-align: center;
}
.div2:hover{
    box-shadow: 
    0 0 2px rgba(202,228,225,0.92),
    0 0 10px rgba(202,228,225,0.34),
    0 0 4px rgba(30,132,242,0.52),
    0 0 7px rgba(30,132,242,0.92),
    0 0 11px rgba(30,132,242,0.78),
    0 0 16px rgba(30,132,242,0.92);
    transition-duration: 0.4s;
}
.div3{
    color: #c1b9b9;
    font-family: agrandirr;
    background-color: rgba(20, 5, 79, 0.498);
    height: 150px;
    width: 600px;
    text-align: center;
    font-size: 23px;
    border-radius: 20px;
    padding-top: 24px;
    margin-top: 150px;
    margin-left: 460px;
}
.button1{
    margin-left: 600px;
    
}
@font-face {
    font-family: agrandirr;
    src: url("FONTS/Agrandir-Regular.otf");
}
.cursor{
    width: 3rem;
    height: 3rem;
    border: 2px solid rgb(45, 33, 148);
    box-shadow: 
    0 0 2px rgba(202,228,225,0.92),
    0 0 10px rgba(202,228,225,0.34),
    0 0 4px rgba(30,132,242,0.52),
    0 0 7px rgba(10, 61, 116, 0.92),
    0 0 11px rgba(30,132,242,0.78),
    0 0 16px rgba(72, 30, 242, 0.92);
    position: absolute;
    border-radius: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
span{
  
    position: absolute;
    font-size: 40px;
    color: #36c6e664;
    
    text-align:  center;
    transform: translate(-50%, -50%);
    pointer-events: none;   
    
}