:root {
    --color-background-black: rgb(0, 0, 0);
    --color-background-blue-black: #181825;
    --color-text-white: #F8F9FA;
    --primary-color: #ff00c3;
    --secondary-color: #00f0ff;
    --thirdary-color: #fcee09;
    --fourtary-color: #21fc09;
    --fiftary-color: #ff0022;
}

/* INFO */

#main_info #info {
    gap: 50px;
    width: 70%;
}

#main_info #info1 {
    width: 70%;
    max-width: 600px;
}

#main_info .info_button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#main_info #panel {
    gap: 30px;
}

#main_info #submitInfo {
    margin-top: 10px;
    padding: 7px 20px 7px 20px;
    font-size: 50px;
}

#main_info .cyber_container {
    max-width: 700px;
}

@media screen and (max-width: 900px) {
    #main_info #info1 {
        width: 70%;
        min-width: 100px;
    }

    #main_info #info2 {
        width: 80%;
        min-width: 100px;
    }

    #main_info #info2 ul {
        flex-wrap: wrap;
    }
}