body {
    background: rgb(255, 255, 255);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: medium;
    
    text-align: center;
    height: 2000px;
    width: 1500px;

    cursor: none;
}

.custom-cursor {
    position: fixed;
    width: 11%;
    height: 11%;
    pointer-events: none;
    display: flex;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 999;
}

h3{
    color: rgb(16, 106, 184);
    font-size: 90px;
    
    position: absolute;
    padding: 0;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-family: Verdana, Geneva, Tahoma, sans-serif;


    z-index: 100;
}

h1 {
    color: rgba(216, 149, 26, 0.571);
    font-size: 40px;
    margin: 0;
    position: relative;
    font-family: 'Times New Roman', Times, serif;
    z-index: 93;
}

p{
    position: absolute;
    color: rgb(8, 4, 36);
    font-size: 30px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    
    text-align: center;
    
    top: 25%;
    padding: 20%;

    z-index: 99;
}





.bg {
    position: absolute;
    width: 600px;
    height: auto;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 49;
}





.star{
    position: absolute;
    width: 450px;
    height: auto;
    top: 0;
    left: 20%;
    z-index: 50;
}
.star:hover {
    filter: brightness(111%);
}

.star2{
    position:absolute;
    width: 400px;
    height: auto;
    top: 250px;
    left: 60%;
    z-index: 50;
}
.star2:hover {
    filter: brightness(108%);
}


.side{
    position: absolute;
    width: 600px;
    height: auto;
    top: 500px;
    transform: rotate(90deg);
    left: 0%;
    
}
.side:hover {
    filter: brightness(111%);
    
}


/*BUTTONS*/
#action-buttons {
    position: absolute;
    align-items: center;
    width: 600px;
    margin-top: 600px;
    justify-content: center;
    width: 1800px;
    height: fit-content;
    top: 40%;
    z-index: 51;
}


.hi {
    position: relative;
    width: 500px;
    height: auto;
    justify-content: center;
    padding: 2px;
    z-index: 103;
}
.hi:hover {
    filter: brightness(105%);
    transition: 2s;
    transform: scale(1.2);
}


.button2 {
    position: relative;
    width: 500px;
    height: auto;
    justify-content: center;
    padding: 2px;
    align-items: center;
    z-index: 102;
}
.button2:hover {
    filter: brightness(105%);
    transition: 2s;
    transform: scale(1.2);
}


.button3 {
    position: relative;
    width: 500px;
    height: auto;
    justify-content: center;
    padding: 2px;
    align-items: center;
    z-index: 102;
}
.button3:hover {
    filter: brightness(105%);
    transition: 2s;
    transform: scale(1.2);
}

.button4 {
    position: relative;
    width: 500px;
    height: auto;
    justify-content: center;
    padding: 2px;
    align-items: center;
    z-index: 102;
}
.button4:hover {
    filter: brightness(105%);
    transition: 2s;
    transform: scale(1.2);
}