.slide-in-left {
    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-22 13:49:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.scale-down-center:hover {
    -webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-22 13:45:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-down-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}
@keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-3-22 13:34:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}
.flip-horizontal-bottom:hover{-webkit-animation:flip-horizontal-bottom .4s cubic-bezier(.455,.03,.515,.955) both;animation:flip-horizontal-bottom .4s cubic-bezier(.455,.03,.515,.955) both}
.flip-horizontal-bottom{animaton:none;}
/* ----------------------------------
@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webki
/* ----------------------------------------------
 * Generated by Animista on 2021-3-22 10:14:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes swing-in-top-bck{0%{-webkit-transform:rotateX(70deg);transform:rotateX(70deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@keyframes swing-in-top-bck{0%{-webkit-transform:rotateX(70deg);transform:rotateX(70deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}}
.slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-21 22:8:11
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}


.swing-in-top-fwd_1 {
    -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-top-fwd_2 {
    -webkit-animation: swing-in-top-fwd 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-top-fwd_3 {
    -webkit-animation: swing-in-top-fwd 3s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 3s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-top-fwd_4 {
    -webkit-animation: swing-in-top-fwd 4s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 4s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-top-fwd_5 {
    -webkit-animation: swing-in-top-fwd 5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-top-fwd_6 {
    -webkit-animation: swing-in-top-fwd 6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.swing-in-top-fwd_7 {
    -webkit-animation: swing-in-top-fwd 7s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 7s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-21 22:1:42
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}
@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

@keyframes focus-in-expand-fwd{0%{letter-spacing:-.5em;transform:translateZ(-800px);filter:blur(12px);opacity:0}100%{transform:translateZ(0);filter:blur(0);opacity:1}}
.focus-in-expand-fwd{animation:focus-in-expand-fwd 2s cubic-bezier(.25,.46,.45,.94) both}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-21 20:55:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }
    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
    }
    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }
    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
    }
    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.vibrate-1 {
    -webkit-animation: vibrate-1 0.3s linear infinite both;
    animation: vibrate-1 0.3s linear infinite both;
}
:root {
    --main: #29bb89;
    --dark: #03506f;
    --third: #d94316;
    --background:black;


    --img_size:150px;
    --img_size_larger:167px;
}


@media only screen and(min-width:400px)
{}
body
{
    margin:0px;
    margin-top:30px;
    background-color: var(--background);
    color:white;
    font-family: 'Krub', sans-serif;
    font-weight: 300;
    min-width:414px;

}
h1
{
    font-size:50px;
    color: var(--main);
    animation:animate__flipOutX;
    animation-duration: 2s;
}

#head_box
{
    /*font*/


    /*display*/
    display:grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto auto;
    /*window attributes*/
    width:100%;



    /*colors&styles*/

}

#title
{
    margin-top:30px;
    position: relative;
    grid-column: 1/5;
    display:grid;
    justify-content: center;
    background-color: var(--background);;
    width:100%;

}


#info
{
    grid-column: 1/5;
    background-color:var(--background);
    color:white;
    width:100%;
    display: flex;
    justify-content: center;

}


#title:hover{
    animation:bounce;
    animation-duration: 2s;
}

.menu_item
{

    display:grid;
    justify-content: center;
    align-content: center;

    font-size:26px;


    background-color: var(--background);
    color:white;
}


a{
    color:var(--main);
}




.menu_item p
{
    display:grid;
    justify-content: center;
    align-content: center;
    padding:20px;
    color:white;


}

.menu_item p:hover
{
    background-color: var(--third) !important;
}

.skills_box
{
    margin-top: 50px;
    display:flex;
    width:100%;
    justify-content: center;
}
.skills_box img
{
    margin:10px;
    width:var(--img_size);
    height:var(--img_size);
}



.body_box
{
    display: grid;
    justify-content: center;
    width:100%;

}

#contact_box
{
    display: grid;
    color:white;
    background-color: var(--dark);
    justify-content: center;
    text-align: center;
    width:60%;
    margin-left: 20%;
    height:400px;


}




#contact_box a
{


}
#contact_box a:hover
{
   font-size:104%;


}
#contact_box img:hover
{
    width:25px;


}

.background_box_center
{
    display: inline-grid;
    place-self:center;
    text-align: center;
    background-color: var(--dark);
    padding:10px;
    width:80%;
}

#about_me_box
{
    display:flex;
    flex-direction: column;
    justify-content: center;
}
#about_me_box_inside
{

}
#p_box_about_me
{
    background-color: #03506f;


}
#about_me_box img
{
    height:400px;
    display: block;
}

#about_me_box_inside p
{
    margin-top:20px;
    font-size: 20px;
    width:80%;
    margin-left:80px;
    text-align: left;
    min-width:80%;

}


#about_me_box_inside h3
{
    margin-left:80px;
    place-self: start;
}




#link_img
{
    width:20px;
}







#clock_img
{
width:100%;
    max-width: 600px;
}





.background_box_center h2
{
    padding-left:40px;
    place-self:start;
    color:var(--third);
}

.background_box_center p {
    padding-right:80px;
}


.img_box
{
    display:grid;
    grid-template-columns: auto auto auto auto auto;
   justify-content: center;
    margin-top:-15px;
    width:150px;
    height:30px;
    color:white;
    text-align:center;
}

.img_box img
{
   width:20px;
    height:20px;
}

.projects_box_inside
{
    display:flex;
    flex-direction: column;



}

@media screen and (max-width : 320px)
{
    #projects_box p
    {
        font-size:120%;
    }
}
@media screen and (max-width : 1204px)
{
    #projects_box p
    {
        font-size:100%;
    }
}


.projects_box_inside h2
{
    color:var(--main);

}


@keyframes example {
   0%
   {
        margin-left:-130px;
   }

    50%
    {
        background-size: 50px;

    }
    100%
    {


    }
}

#mini_tamar_animation
{

    animation-delay: 1s;
    background-color: #d94316;;
    animation:example;
    animation-duration: 3s;

}

.robot_img
{
    height:200px;
    padding-left:10px;
    margin-top:-70px;


}


#block1
{
    display:flex;
    flex-direction: column;
    background-color: #03506f;


}

#block2
{
    display:flex;
    flex-direction: row;

}

#block2 .projects_block_inside
{
    display: flex;
    flex-direction: row;
    height:350px;
}

#block2 .projects_block_inside h2
{

    justify-content: flex-start;
}

#block2A
{
    background-color: #023e57;
    width:60%;


}

#block2B
{
    width:40%;
}

#block3
{
    background-color: var(--dark);

}

#agile_img
{
    margin-left:20px;
    margin-bottom: 20px;
    min-width:100px;
    max-width:60%;
}

.projects_block h2
{
    padding-left:30px;
}

.projects_block p
{
    padding-left:30px;
}

.projects_block_inside
{
    display:flex;
    flex-direction: row;
    justify-content: center;
    padding:10px;
    min-width: 269px;
}

.seperator_vert
{
    width:10px;
    background-color:white;
}

.seperator_hori
{
    padding:0px;
    height:5px;
    width:100%;
    background-color:white;
}

/*Animations*/


.slide-in-left {
    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-30 9:57:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in-bottom {
    -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-3-30 9:59:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

#block1
{
    animation: slide-in-left;
    animation-duration: 1s;

}

#block2A
{
    animation-delay:1s;
    animation: slide-in-bottom;
    animation-duration: 1s;
}