:root {
    --main_width: vw;
    --text_color_main: rgb(25, 50, 25);
    --font_main: "Consolas", "monaco", "monospace";

    --button_color: rgb(200, 235, 200);
    --button_hover_color: rgb(72, 107, 72);
}

.main_text {
    font-family: var(--font_main);
    font-size: 20px;
    text-align: center;

    display: inline-block;
    color: var(--text_color_main);
}

#button_send {
    background-color: var(--button_color);
    color: black;
    
    font-family: var(--font_main);
    font-size: 18px;
    padding: 16px;
    border: 2px solid var(--button_hover_color);
    border-radius: 2px;

    cursor: pointer;

    transition-duration: 0.4s;
}

#button_send:hover {
    background-color: var(--button_hover_color);
    color: white;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.24);
}

#instruction_text {
    font-family: var(--font_main);
    font-size: 42px;
    font-style: oblique;
    text-align: center;

    color: var(--text_color_main);
    width: var(--main_width);
}

#instruction_text:hover {
    color: rgb(80, 120, 80);
}

.main_body {
    background: repeating-linear-gradient(-45deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 5px, rgb(245, 245, 245) 6px, rgb(245, 245, 245) 11px, rgb(255, 255, 255) 12px);
}