/*-----------------------------------------------------------*\
|                              _                              |
|                             | |                             |
|  __      _____  ___ ___  ___| | __ _  __ _ _ __ ___   ___   |
|  \ \ /\ / / _ \/ __/ __|/ _ \ |/ _` |/ _` | '_ ` _ \ / _ \  |
|   \ V  V /  __/\__ \__ \  __/ | (_| | (_| | | | | | |  __/  |
|    \_/\_/ \___||___/___/\___|_|\__, |\__,_|_| |_| |_|\___|  |
|                                 __/ |                       |
|                                |___/                        |
| This code is made by Wesselgame and it's licensed under the |
| MIT license ( https://opensource.org/licenses/MIT )         |
|                                                             |
| GitHub: https://github.com/PassTheWessel                    |
\*-----------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
    height               : 100% !important;
    font-family          : 'Montserrat', sans-serif !important;
    font-weight	         : normal;
    background-size      : cover !important;
    background-color     : rgb( 44, 47, 51 ) !important;
    /* background-image     : url( '../img/wallpaper/0.gif' ); */
    background-repeat    : no-repeat !important;
    background-position  : center !important;
    background-attachment: fixed !important;
}

.content         { display: table; width: 60%; margin: 0 auto; text-align: center; }
.emerald-text    { color: #2ecc71 !important }
.sun-flower-text { color: #f1c40f !important; }

img.round { border-radius: 50%; }

/* a   { text-decoration: none !important; color: #99AAB5 !important; } */
a { position: relative; text-decoration: none; }

.box-container   {
    text-align: left;
    border-radius: 10px;
    margin-bottom: 2.5em;
    padding: 1em;
    position: relative;
}
.box-container p { margin: 0; padding: 0; max-width: 80%; }

.row::after              { clear: both; content: ''; display: table; }
.row .column             { margin-left: 4%; }
.row .one-full.column    { width: 95%; }
.row .column:first-child { margin-left: 0; }


.title     { background-color: transparent !important; }
.titletext {
    color         : white;
    text-transform: uppercase;
    text-shadow   :
            -3px -3px 0 #000,
            3px -3px 0 #000,
            -3px 3px 0 #000,
            3px 3px 0 #000;
}
.undertext {
    color         : white;
    font-size     : 18px;
    text-transform: uppercase;

    text-shadow   :
            -2px -2px 0 #000,
            2px -2px 0 #000,
            -2px 2px 0 #000,
            2px 2px 0 #000;
}

@media only screen and ( min-width: 720px ) {
    .content { height: auto; width: 50%; }
}

::selection { background: #FFFFFF; }
*.unselect  {
    -moz-user-select   : -moz-none;
    -khtml-user-select : none;
    -webkit-user-select: none;

    -ms-user-select    : none;
    user-select        : none;
}