body {
    font-family: "Inter", sans-serif;
    background-color: black;
    color: white;
    margin: 64px;
}

.main {
    top: 64px;
    position: relative;
    font-size: 24px;
    border: 4px solid rgb(130, 83, 249);
    padding: 60px;
    width: 40%;
    margin: 0px;
    border-radius: 24px;
    background-color: rgb(103, 57, 220);
}

.Actually {
    font-size: 18px;
    border: 4px solid rgb(130, 83, 249);
    padding: 60px;
    width: 30%;
    margin: 64px;
    border-radius: 24px;
    background-color: rgb(103, 57, 220);
}

.Others {
    font-size: 18px;
    border: 4px solid rgb(51, 51, 51);
    padding: 60px;
    width: 30%;
    margin: 64px;
    border-radius: 24px;
    background-color: rgb(24, 24, 24);
}

.text__yellow {
    font-weight: 600;
    color: rgb(255, 234, 42);
}

a {
    text-decoration: none;
}

hr {
    margin-top: 150px;
    border: none; /* Removes the default border */
    height: 2px; /* Sets the thickness of the line */
    background-color: rgb(61, 61, 61); /* Sets the color */
}

button {
    padding: 20px 48px;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
    color: white;
    background-color: rgb(130, 83, 249);
    border-radius: 24px;
    transition: border 0.1s, background-color 0.1s, color 0.1s;
}

button:hover {
    transition: border 0.1s, background-color 0.1s, color 0.1s;
    background-color: rgb(146, 103, 255);
}

.copyright {
    margin-top: 64px;
    color: gray;
}