.header__icon{cursor: pointer; transition: 500ms}
.header__icon:active{scale:.9}

.icon-main{
    fill: none;
    stroke: #367;
    stroke-linecap: round;
    stroke-width: 30;
}
.icon-thin{
        fill: none;
        stroke: #367;
        stroke-linecap: round;
        stroke-width: 14;
    }
@keyframes updown{
    0%{transform: translateY(0)}
    15%{transform: translateY(-50px)}
    32%{transform: translateY(10px)}
    34%{transform: translateY(-5px)}
    35%{transform: translateY(0px)}
    100%{transform: translateY(5px)}
}
.updown{overflow: visible}
.updown:hover line, .updown:hover circle{
    animation: updown 2s infinite linear;
}
.updown:hover line:nth-of-type(2), .updown:hover circle:nth-of-type(2){
    animation-delay: 100ms;
}
.updown:hover line:nth-of-type(3), .updown:hover circle:nth-of-type(3){
    animation-delay: 200ms;
}