@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,900&subset=latin,cyrillic-ext&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,300,700,900&subset=latin,cyrillic-ext&display=swap);

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0 5px 5px 0; }
::-webkit-scrollbar-thumb { background: #888; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; }

* {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: 300;
}

header {
    left: 0;
    top: 0;
    right: 0;
    height: 150px;
    border: 0;
    background: #fff;
    position: absolute;
}

header>.logo {
    width: 300px;
    height: 100%;
    border: 0;
    background: url(./logo.svg);
    background-size: 300px 150px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    float: left;
}

header>.cointainer {
    width: calc(100% - 315px);
    height: calc(100% - 10px);
    padding: 5px;
    border: 0;
    background: #ccc;
    position: relative;
    float: right;
}

nav {
    left: 0;
    top: 150px;
    right: 0;
    height: 50px;
    border: 0;
    background: rgb(0,91,140);
    position: absolute;
}

nav>.cointainer {
    width: 600px;
    margin-left: calc(50% - 300px);
    height: calc(100% - 10px);
    padding: 5px;
    border: 0;
    background: #ccc;
    position: relative;
    float: left;
}