/* variables */
:root {

    --green_color:           #089911;
    --dark_font_color:       #758576;
    --light_font_color:      #dbdbdb;
}


/* fonts */
@font-face {
    font-family: "Title Font";
    src: url('fonts/evolution.regular.ttf');
}


@font-face {
    font-family: 'Main Font';
    src: url('fonts/Montserrat-Regular.ttf');
}


/* general tags */
* {
    margin: 0px;
}

body {

    display:          flex;
    flex-direction:   column;
    align-items:      center;
    justify-content:  center;
    width:            100%;
    height:           100%;
    background:       linear-gradient(black, var(--green_color), black);
    padding:          0px;
    margin:           0px;
}

p {

    font-family: 'Main Font';
}


/* top level sections */
#main_text {

    display:          block;
    font-family:      'Title Font';
    font-size:        400%;
    font-weight:      700;
    color:            var(--dark_font_color);
    text-shadow:      3px 3px 5px black;
    padding:          5px;
}

#info_text {

    display:         flex;
    flex-direction:  column;
    justify-content: center;
    align-items:     center;
    font-family:     'Main Font';
    font-size:       120%;
    font-weight:     300;
    color:           var(--light_font_color);
    padding:         2px;
}