:root {
    --theme-color: #fff;
    --theme-color-o0: hsla(0,0%,100%,0);
    --theme-color-o10: hsla(0,0%,100%,0.1);
    --theme-color-o50: hsla(0,0%,100%,0.5);
    --theme-color-rev: #000;
    --theme-color-rev-o50: rgba(0,0,0,0.5);
    --color-background: #5b5751;
    --color-background-1:#5b5771;
    --color-background-0: hsla(35,7%,52%,0);
    --color-accent-pink: #e5b79e;
    --color-accent-pink-hi: #f2dbce;
    --color-error-red: #dc143c;
    --color-error-red-pale: #fbd0d9;
    --color-image-placeholder: rgba(0,0,0,0.5);
    --nav-color: #fff;
    --nav-color-10: hsla(0,0%,100%,0.1);
    --menu-color-background: hsla(0,0%,100%,0.95);
    --menu-color-text: #000;
    --font-size-huge: 1.84615385rem;
    --font-size-large: 1.38461538rem;
    --font-size-semilarge: 1.15384615rem;
    --font-size-small: 0.76923077rem;
    --font-size-tiny: 0.69230769rem;
}

body {
    margin: 0;
    padding: 0;
}


body{
    background-color: var(--color-background);
    
}

div#app {
    
}


div#wrap{
    height:100vh;
    widht:100vw;
    overflow:scroll;
}

div#content{
    position:relative;
    width: 100vw;
    display: grid;
    /*grid-template-columns: repeat(3, 1fr);*/
    grid-template-columns: 27% repeat(2, 1fr);
}

div#left_block {
    background-color: rgba(89,40,20,0.8);
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 8;
}

div#content-block {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    z-index: -1;
    
}

div#foot_block{
    grid-row-start: 2;
    grid-row-start: 3;
    height: 200px;
}

.NavLauncher_NavLauncher_Hamburger__1Lf7D {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 0;
    border: none;
    color: inherit;
    cursor: pointer;
    grid-row: 1;
    height: 60px;
    margin: 0;
    outline: 0;
    padding: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    width: 60px;
}

.NavLauncher_NavLauncher_Hamburger__1Lf7D svg {
    height: 40px;
    width: 40px;
}

.NavLauncher_NavLauncher_Hamburger__1Lf7D svg path {
    fill: var(--nav-color);
    stroke: var(--nav-color);
}

div#logo_icon {
    position: absolute;
    top: 10px;
    right: 120px;
}

div#logo_icon_2 {
    position: absolute;
    top: 110px;
    right: 120px;
}

.logo_wrap{
    position:ralative;
}
.logo_wrap > div{
    position:absolute;
}

.title_logo {
    width: 30%;
    padding-left: 15px;
    padding-top: 175px;
}

img.logo_back.rotate-p {
    animation: 1s linear 1 rotation-p;
    /*animation-iteration-count: 1;*/
}
img.logo_back.rotate-m {
    animation: 1s linear 1 rotation-m;
    /*animation-iteration-count: 1;*/
}

@keyframes rotation-p{
  0%{ transform:rotate();}
  100%{ transform:rotate(360deg); }
}
@keyframes rotation-m{
  0%{ transform:rotate();}
  100%{ transform:rotate(-360deg); }
}




div#img-block {
    background-image: url(../images/t01.png);
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
}