.game-WIH-area 
{
    position: absolute;
	background-position: center;
	overflow: hidden;
    border: thick solid #FEB300;
    border-radius: 6px; 
}

.canvas-4-WIH
{
    position: relative;
    display:block;
}

.explosionWIH{
    position: absolute;
    display: block;
    z-index: 999;
    display: none;
    background-position: center;
}

.response-WIH 
{
	font-size:14px;	
	padding:6px 24px;
}
.projectile-hist
{
    position: absolute;
    border-radius: 4px;
    color: #7D3BBB;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.barrHo
{
    position: absolute;
    border-radius: 4px;
    color: #7D3BBB;
    display:flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
    flex-direction: row;
}

.div-barrier
{
    border-radius: 1px;
    font-size: 20;
}
.temp-barrier
{
    display:inline-block;
}
.top-part-WIH-End
{
    position:absolute;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    text-align: center;
    color: #7D3BBB;
    border-radius: 6px;
}
/*
.explosionWIH.active{
    display: block;
    animation: explosionWIHX 200ms steps(3) 3,
               explosionWIHY 600ms steps(3) 1 forwards; 
}
@keyframes explosionWIHX {
   from{ background-position-x: 0; }
   to{ background-position-x: -320px; }
}
@keyframes explosionWIHY {
   from{ background-position-y: 0; }
   to{ background-position-y: -320px; }
}*/