:root {
    --neon-green: #00FF00;
    --dark-bg: #0A0A0A;
    --text-box-bg: #4C4C4C;
}
body {
    background-color: var(--dark-bg);
}
.space_bar_1 {
    width: 95%;
    height: 10px;
    border: 1px solid var(--dark-bg);
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.header_text_container {
    width: 95%;
    height: 120px;
    border: 1px solid var(--dark-bg);
    margin: 30px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.header_text {
    color: var(--neon-green);
}
h1 {
    background-color: var(--dark-bg);
    font-size: 60px;
}
.index_container {
    width: 100%;
    max-width: 1148px;
    height: auto;
    border: 1px solid var(--dark-bg);
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.text_box_1 {
    width: 300px;
    height: 107px;
    background-color: var(--text-box-bg);
    border: 1px solid var(--neon-green);
    padding: 10px;
    margin: 30px;
    transition: transform 0.3s ease-in-out;
}
.text_box_2 {
    width: 300px;
    height: 107px;
    background-color: var(--text-box-bg);
    border: 1px solid var(--neon-green);
    padding: 10px;
    margin: 30px;
    transition: transform 0.3s ease-in-out;
}
.text_box_3 {
    width: 300px;
    height: 107px;
    background-color: var(--text-box-bg);
    border: 1px solid var(--neon-green);
    padding: 10px;
    margin: 30px;
    transition: transform 0.3s ease-in-out;
}
.text_boxes:hover {
    transform: scale(1.2);
}
p {
    color: var(--neon-green);
    font-size: 20px;
}
.space_bar_2 {
    width: 95%;
    height: 120px;
    border: 1px solid var(--dark-bg);
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.watch_button {
    width: 300px;
    height: 100px;
    border: 1px solid var(--neon-green);
    margin: 10px;
    transition: transform 0.3s ease-in-out;
}
.space_bar_3 {
    width: 95%;
    height: 200px;
    border: 1px solid var(--dark-bg);
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.watch_button:hover {
    transform: scale(1.1);
}
img {
    cursor: pointer;
}
