#main_header_svg {
    position: absolute;
    /* height: 100vh; */
    /* height: 100%;
    width: 100%;
    max-width: calc(16 / 9 * 100vh); */
}

.main_header_svg_path.triangle_4 path {
    animation: 20s infinite path_blur_opacity_4;
}

@keyframes path_blur_opacity_4 {
    0% {
        filter: blur(60px);
        opacity: .5;
    }

    33% {
        filter: blur(40px);
        opacity: .6;
    }

    66% {
        filter: blur(3px);
        opacity: 1;
    }

    100% {
        filter: blur(60px);
        opacity: .5;
    }
}

.main_header_svg_path.triangle_1 path {
    animation: 20s infinite path_blur_opacity_1;
}

@keyframes path_blur_opacity_1 {
    0% {
    filter: blur(40px);
    opacity: .6;
    }

    33% {
    filter: blur(3px);
    opacity: 1;
    }

    66% {
    filter: blur(60px);
    opacity: .5;

    }

    100% {
    filter: blur(40px);
    opacity: .6;
    }
}

.main_header_svg_path.triangle_2 path {
    animation: 20s infinite path_blur_opacity_2;
}

@keyframes path_blur_opacity_2 {
    0% {
    filter: blur(5px);
    opacity: .9;
    }

    33% {
    filter: blur(60px);
    opacity: .5;
    }

    66% {
    filter: blur(40px);
    opacity: .6;
    }

    100% {
    filter: blur(5px);
    opacity: .9;
    }
}

.main_header_svg_path.triangle_3 path {
    animation: 25s infinite path_blur_opacity_3;
}

@keyframes path_blur_opacity_3 {
    0% {
    filter: blur(60px);
    opacity: .5;
    }

    33% {
    filter: blur(5px);
    opacity: .7;
    }

    66% {
    filter: blur(50px);
    opacity: .9;

    }

    100% {
    filter: blur(60px);
    opacity: .5;
    }
}

.triangle_1 {
    animation: 30s infinite triangleanim_1;
}
    
@keyframes triangleanim_1 {
    0% {
        transform: translateX(-1.1%) translateY(.8%) scale(1);
    }

    20% {
        transform: translateX(-1.5%) translateY(1%) scale(1.1);
    }

    40% {
        transform: translateX(-1.7%) translateY(1.2%) scale(1);
    }

    60% {
        transform: translateX(-2%) translateY(1.3%) scale(1);
    }

    80% {
        transform: translateX(-1.6%) translateY(1%) scale(.8);
    }

    100% {
        transform: translateX(-1.1%) translateY(.8%) scale(1);
    }
}

.triangle_2 {
    animation: 30s infinite triangleanim_2;
}
    
@keyframes triangleanim_2 {
    0% {
        transform: translateY(-3%) translateX(-2%) scale(1);
    }

    20% {
        transform: translateX(2%) scale(1.1);
        
    }

    40% {
        transform: translateY(3%) translateX(2%) scale(.9);
    }

    60% {
        transform: translateY(-2%) translateX(2%) scale(1.1);
    }

    80% {
        transform: translateY(-1%) translateX(-1%) scale(1);
    }

    100% {
        transform: translateY(-3%) translateX(-2%) scale(1);
        
    }
}

.triangle_3 {
    animation: 30s infinite triangleanim_3;
}
    
@keyframes triangleanim_3 {
    0% {
        transform: translateX(.3%) translateY(-.2%) scale(.9);
    }

    20% {
        transform: translateX(.2%) translateY(-.2) scale(1.1);
        
    }

    40% {
        transform: translateX(.3%) translateY(-.5%) scale(1);
    }

    60% {
        transform: translateX(.2%) translateY(-.4%) scale(.9);
    }

    80% {
        transform: translateX(.2%) translateY(-.2%) scale(1.1);
    }

    100% {
        transform: translateX(.3%) translateY(-.2%) scale(.9);
        
    }
}

.triangle_4 {
    animation: 30s infinite triangleanim_4;
}
    
@keyframes triangleanim_4 {
    0% {
        transform: translateY(.3%) translateX(-.2%) scale(.8);
    }

    20% {
        transform: translateY(.2%) translateX(-.2) scale(.9);
        
    }

    40% {
        transform: translateY(.3%) translateX(-.5%) scale(1);
    }

    60% {
        transform: translateY(.2%) translateX(-.4%) scale(1.1);
    }

    80% {
        transform: translateY(.2%) translateX(-.2%) scale(1);
    }

    100% {
        transform: translateY(.3%) translateX(-.2%) scale(.8);
        
    }
}

.theme_svg .middle_triangle {
    transition: all .2s ease-in-out;
    transform-origin: center;
}

.theme_block:hover .theme_svg .middle_triangle {
    transform: scale(0);
}

.theme_svg .stars {
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
    transform-origin: center;
}

.theme_block:hover .theme_svg  .stars {
    transform: rotate(-30deg) scale(.5);
}

.theme_svg .rect_big {
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
    transform-origin: center;
}

.theme_block:hover .theme_svg .rect_big {
    transform: scale(1.1);
    rx: 5;
}

.theme_svg .first_rotate {
    transform: translateX(0);
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
    transform-origin: center;
}

.theme_block:hover .theme_svg .first_rotate {
    transform: translateX(-23px) rotateY(180deg)
}

.theme_svg .second_rotate {
    transform: translateX(0);
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
    transform-origin: center;
}

.theme_block:hover .theme_svg .second_rotate {
    transform: translateX(23px) rotateY(180deg)
}

.theme_svg .third_frame_1_rect {
    x: 201.468;
    y: 60.4749;
    transform: translate(-25%, -40px) rotate(45deg);
    width: 72px;
    height: 72px;
    transition: all 0.2s ease-in-out;
    transform-origin: center;
}

.theme_block:hover .theme_svg .third_frame_1_rect {
    x: 176;
    y: 100;
    transform: translateY(40px) rotate(0deg);
    width: 50px;
    height: 50px;
}

.theme_svg .third_frame_2_rect {
    x: 225;
    y: 187;
    width: 72px;
    height: 72px;
    transition: all 0.2s ease-in-out;
}

.theme_block:hover .theme_svg .third_frame_2_rect {
    x: 219;
    y: 195;
    transform: translateY(5px) rotate(0deg);
    width: 50px;
    height: 50px;
    rx: 5;
}

.theme_svg .third_frame_3_rect {
    x: 110;
    y: 187;
    width: 72px;
    height: 72px;
    transition: all 0.2s ease-in-out;
}

.theme_block:hover .theme_svg .third_frame_3_rect {
    x: 132;
    y: 195;
    width: 50px;
    height: 50px;
    transform: translateY(5px);
}

.theme_svg .line_third_frame {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.theme_block:hover .theme_svg .line_third_frame {
    opacity: 1;
}

/* .theme_svg .fourth_frame_1_triangle {
    d: path("M254.458 150.773L315.958 185.484C317.528 186.371 318.5 188.035 318.5 189.839V190.13C318.5 191.942 317.52 193.612 315.937 194.496L254.437 228.83C251.104 230.691 247 228.281 247 224.464V155.127C247 151.3 251.125 148.891 254.458 150.773Z");

    transition: .5s;
}

.theme_svg:hover .fourth_frame_1_triangle {
    d: path("M244.5 215C230.417 215 219 203.583 219 189.5C219 175.417 230.417 164 244.5 164C258.583 164 270 175.417 270 189.5C270 203.583 258.583 215 244.5 215Z");
} */

.theme_svg .round_1 {
    opacity: 0;
    cx: 193.5;
    cy: 112.5;
    transition: all 0.2s ease-in-out;
}

.theme_block:hover .theme_svg .round_1 {
    cx: 192.5;
    cy: 132.5;
    opacity: 1;
}

.theme_svg .frame_4_triangle_1 {
    transition: all 0.1s ease-in-out;
    opacity: 1;
}

.theme_block:hover .theme_svg .frame_4_triangle_1 {
    transform: rotate(2deg);
    opacity: 0;
}

.theme_svg .round_2 {
    opacity: 0;
    cx: 115.5;
    cy: 189.5;
    transform: rotate(-90 115.5 189.5);
    transition: all 0.2s ease-in-out;
}

.theme_block:hover .theme_svg .round_2 {
    cx: 115.5;
    cy: 209.5;
    opacity: 1;
}

.theme_svg .frame_4_triangle_3 {
    transition: all 0.2s ease-in-out;
    opacity: 1;
}

.theme_block:hover .theme_svg .frame_4_triangle_3 {
    transform: rotateY(10deg);
    opacity: 0;
}

.theme_svg .round_4 {
    opacity: 0;
    cx: 269.5;
    cy: 189.5;
    transform: rotate(-90 269.5 189.5);
    transition: all 0.2s ease-in-out;
}

.theme_block:hover .theme_svg .round_4{
    cx: 269.5;
    cy: 168.5;
    transform: rotate(-90 249.5 188.5);
    opacity: 1;
}

.theme_svg .frame_4_triangle_4 {
    transition: all 0.2s ease-in-out;
    opacity: 1;
}

.theme_block:hover .theme_svg .frame_4_triangle_4 {
    transform: rotateX(-10deg);
    opacity: 0;
}

.theme_svg .round_3 {
    opacity: 0;
    cx: 193.5;
    cy: 266.5;
    transform: rotate(-90 269.5 189.5);
    transition: all 0.2s ease-in-out;
}

.theme_block:hover .theme_svg .round_3 {
    cx: 193.5;
    cy: 246.5;
    transform: rotate(-90 249.5 188.5);
    opacity: 1;
}

.theme_block .theme_svg .translateYtop {
    transform: translateY(0);
    transition: all 0.2s ease-in-out;
}
.theme_block:hover .theme_svg .translateYtop {
    transform: translateY(-14px);
}

.theme_block .theme_svg .translateScale {
    transition: all 0.2s ease-in-out;
}

.theme_block:hover .theme_svg .translateScale {
    transform: translate(20px, 50px) scale(0.9);
}

.theme_block .theme_svg .Scale {
    transition: all 0.2s ease-in-out;
    transform-origin: center center;
}

.theme_block:hover .theme_svg .Scale {
    transform: scale(0.9);
    transform-origin: center center;
}

.theme_block .theme_svg .ScaleRotate {
    transition: all 0.2s ease-in-out;
    transform-origin: center center;
}

.theme_block:hover .theme_svg .ScaleRotate {
    transform: scale(0.9) rotate(-20deg);
    transform-origin: center center;
}


/* 
.theme_svg .fourth_frame_1_circle {
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}

.theme_svg:hover .fourth_frame_1_circle {
    opacity: 1;
    d: path('M170.916 153.212C161.333 136.613 173.436 115.478 192.601 115.341C212.004 115.203 224.377 136.633 214.555 153.367C204.854 169.896 180.499 169.81 170.916 153.212Z');
} */