body{
    background-color: rgb(255,255,255);
    user-select: none;
    -moz-user-select: none;
}
#div_id1{
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
    width: 800px;
    height: 400px;
    background-color: rgba(230,230,230);
    border-radius: 20px;
    overflow: hidden;
}
#div_id2{
    position: fixed;
    top: 92.5%;
    left: 50%;
    transform: translate(-50%);
    width: 900px;
    height: 70px;
    background-color: rgba(230,230,230);
    border-radius: 20px;
    overflow: hidden;
}
#text1{
    position: fixed;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-weight: 200;
    font-size: 60px;
    background: linear-gradient(90deg,rgb(255,180,243),rgb(255, 180, 243),rgb(255, 0, 255));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
#text2{
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translate(-50%);
    color: black;
    font-weight: 200;
}
#text3{
    position: fixed;
    top: 30%;
    left: 51%;
    transform: translateX(-50%);
    font-size: 15px;
    font-weight: 200;
    color: black;
    white-space: nowrap;
}
#text4{
    position: fixed;
    top: 85%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px;
    font-weight: 200;
    color: black;
}
#text5{
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    font-weight: 200;
    width: 90%;
    color: black;
}
#btn1{
    position: fixed;
    top: 50%;
    left: 25%;
    width: 180px;
    height: 50px;
    border: none;
    background-color: rgb(136, 0, 136);
    border-radius: 15px;
    color: white;
    font-size: 20px;
    transition: background-color 0.5s ease;
}
#btn1:hover{
    background-color: rgb(192, 0, 192);
}
#btn2{
    position: fixed;
    top: 50%;
    left: 55%;
    width: 180px;
    height: 50px;
    border: none;
    background-color: rgb(136, 0, 136);
    border-radius: 15px;
    color: white;
    font-size: 20px;
    transition: background-color 0.5s ease;
}
#btn2:hover{
    background-color: rgb(192, 0, 192);
}
#btn3{
    position: fixed;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 50px;
    color: white;
    border-radius: 15px;
    border: none;
    background-color: rgb(136, 0, 136);
    font-size: 15px;
    transition: background-color 0.5s ease;
}
#btn3:hover{
    background-color:rgb(192, 0, 192);
}
#image1{
    position: fixed;
    top: 17.5%;
    left: 50%;
    transform: translateX(-50%);
    height: 10%;
}