@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@600;700&display=swap');

html {
    scroll-behavior: smooth;
  }

body {
    font-family: 'Spline Sans', sans-serif;
    margin: 0;
    padding: 0;
    background-color: rgb(109, 47, 255);;
}



.header {
    transition: all 0.5s ease;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15rem;
    background-color: rgb(109, 47, 255);
    font-style: italic;
    font-weight: 700;
    /* filter: blur(5px); */
}

.header:hover {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15rem;
    background-color: rgb(109, 47, 255);
    font-style: italic;
    font-weight: 700;
    /* filter: blur(0px); */
    /* border-radius: 25px; */
}

.content {
    background-color: rgb(109, 47, 255);
    width: 100%;
    height: 20vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}


       /* width */
       ::-webkit-scrollbar {
        width: 0px;
      }
      
      /* Track */
      ::-webkit-scrollbar-track {
        background: #f1f1f1; 
      }
       
      /* Handle */
      ::-webkit-scrollbar-thumb {
        background: #888; 
         border-radius: 15px;
      }
      
      /* Handle on hover */
      ::-webkit-scrollbar-thumb:hover {
        background: #555; 
      }

.g-d {
    display: flex;
    flex-direction: row;

    
      }

      .g-d2 {
        display: flex;
        flex-direction: row;
        
          }

.g {
    transition: all 0.5s ease;
    background-color: rgb(109, 47, 255);
    width: 33.3%;
height: 100px;
/* border-top: black solid 1px;
border-left: black solid 1px; */
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
/* border-radius: 25px     ; */
}

.g:hover {
    background-color: rgb(80, 27, 204);
color: white;

font-size: 55px;
cursor: pointer;
}

.g:active {
    background-color: rgb(55, 10, 161);

font-size: 55px;
}

.doge {
    transition: all 0.5s ease;
    color: white;
}
.OURR {
    transition: all 0.5s ease;
    color: black;
}

.doge:hover {
    color: rgb(0, 0, 0);
}


.OURR:hover {
    color: rgb(255, 255, 255);
}

#jjj:hover {
color: white;
}

#ehe {
    color: white;
}

.move {
    transition: all 0.5s ease;
    color: white;
    background-color: rgb(84, 35, 197);
    border-radius: 25px;
    padding: 10px;
    width: 4rem;
    text-align: center;
    position: relative;
    top: -75px;
}

.doggeh {
    display: flex;
    align-items: center;
    justify-content: center;

}

.move:hover {
    background-color: rgb(52, 18, 133);
    top: -85px;
    cursor: pointer;
}

.move:active {
    background-color: rgb(36, 13, 88);
    
}

.eq {
    transition: all 0.5s ease;
    font-size: 3rem;
}

.eq:hover {
    font-size: 4rem;
    color: white;
}

.qq {
    font-size: 8rem;
}

.qq:hover {
    font-size: 9rem;
}