@import url("fonts.css");
@import url("normalize.css");
@import url("base.css");

body {
    padding: 120px 0 100px;
    font: 16px 'Open Sans', 'Tahoma';
    background-image: -moz-linear-gradient( -45deg, rgb(58,64,77) 0%, rgb(34,39,50) 100%);
    background-image: -webkit-linear-gradient( -45deg, rgb(58,64,77) 0%, rgb(34,39,50) 100%);
    background-image: -ms-linear-gradient( -45deg, rgb(58,64,77) 0%, rgb(34,39,50) 100%);
    background-color: #3a404d;
    color: #dcddde;
}

.text_right {
    text-align: right;
}

input {
    font-size: 14px;
    outline: none;
}


/**********************************************/
/******************** MAIN ********************/
/**********************************************/
main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: 1140px;
    min-height: 600px; /* TODO: remove? */
    margin: 0 auto;
    border-radius: 13px;
    background-color: rgb(58, 64, 77);
    box-shadow: 0px 5px 42.9px 12.1px rgba(0, 0, 0, 0.4);
}

/* Messages in main block (err, success) */
.message {
    padding: 10px 1em;
    border-radius: 3px;
    color: #080810;
}

.message_error {
    background-color: rgba(241, 165, 165, 0.7);
}

.message_success {
    background-color: rgba(146, 220, 152, 0.7);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 2.5em;
    margin: 0.2em 0;
}

h2 {
    margin: 0.4em 0;
}

.change_lang {
    width: 41.5px;
    height: 25px;
    display: block;
    position: absolute;
    top: 29px;
    right: 30px;
    border-radius: 3px;
    background: center/contain no-repeat  url('../img/lang_en_ru.jpg');
    opacity: 0.6;
    transition: .3s;
}

.change_lang:hover {
    opacity: 0.9;
}



/**********************************************/
/***************** LEFT PANEL *****************/
/**********************************************/
aside {
    width: 240px;
    border-radius: 13px 0 0 13px;
    background-color: rgb(40, 45, 55);
}


/**********************************************/
/****************** CONTENT *******************/
/**********************************************/
.content_wrapper {
    position: relative;
    flex: 1;
    padding: 10px 7% 50px;
}

.content_wrapper a {
    color: rgba(74, 242, 242, 0.8);
}

.content__title {
    margin: 10px 0 40px;
    text-align: center;
    font-size: 30px;
}