/* Ensure proper sizing */
@import url('https://fonts.cdnfonts.com/css/dynapuff');

* {
  box-sizing: border-box;
}
body{
          background-image: url('bg2.png'); 
          background-size: cover;
          font-family: 'DynaPuff', sans-serif;
          }


       table {
            border-collapse: collapse;
            margin-bottom: 30px;
        }

        th, td {
            border: 2px solid black;
            width: 80px;
            height: 80px;
            text-align: center;
        }

        img {
            width: 60px;
        }

        form {
            margin-bottom: 20px;
        }


#container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 800px;
    margin: 0 auto;
    border: 1px solid #0367A6;
    padding: 1px;
    border-width: 7px;
    border-style: solid;
    border-image: url("https://i.imgur.com/6TCYo5p.png") 4 fill round;
}

        #box {
    width: 1000px;
    background-color: #fff7fb;
    color: #000;
    border: 1px solid #0388A6;
}

#header {
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #0367A6;
    background-image: linear-gradient(to right, #0367A6, #676899);
    color: #fff;
    letter-spacing: 3px;
}
button {    
    background-color: #ff668a;
    text-decoration: none;
    color: #ffffff;   

}


button:visited {
    color: #ff668a;
}

button:hover {
    text-shadow: 0px 0px 2px #78beff;
}


@keyframes shake{
    0%, 12%, 25%, 50% {
    transform: rotate(0deg);
    }
    
    55% {
    transform: rotate(-2.5deg);
    }
    
    65% {
    transform: rotate(3.5deg);
    }
    
    75% {
    transform: rotate(-7deg);
    }
    
    95%, 100% {
    transform: rotate(0deg);
}
}
#phone{
animation: shake 1.5s ease infinite;
}   

.img-popinoutanim {
   -webkit-animation: pop 1s ease-in-out infinite alternate;
 animation: pop 1s ease-in-out infinite alternate;
 -moz-animation: pop 1s ease-in-out infinite alternate;
}
  
@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
} 
#car{
animation: pop 1.5s ease infinite;

}