*{
   font-size: 2.1vh;
   padding: 0px;
   margin: 0px;
   box-sizing: border-box;
}

    body{
       
  
  font-family: 'Poppins', sans-serif;
    }
    
@media only screen and (max-width:"400px"){
 div.delivary-details{
      background-color: rgb(250, 250, 250, 0.9);
      box-shadow: 0px 0px 19px 3px #333;
  position: relative;;
  margin-top: 180px;
  font-size: large;
  font-family: Arial, Helvetica, sans-serif;
  margin:0px 5px 5px 5px;
  padding: 5px;
  border:4px solid white;
  border-radius:14px;
    }
 
}


 div.delivary-details{
     background-color: rgb(250, 250, 250, 0.9);
     box-shadow: 0px 0px 19px 3px #333;
 position: relative;
 margin: -140px 30px 0px 30px;
 font-size: large;
 top: 0px;
 font-family: Arial, Helvetica, sans-serif;
 padding: 20px;

 border:4px solid white;
 border-radius:14px;
   }

 div.p{
    display: flex;
    flex-wrap: wrap;
 }


.dom-inter{
    padding: 25px;
    justify-content: space-around;
 border-radius: 32px;   
 color:#fff;
 
    background-color: rgba(60, 151, 255, 0.89);
}

/* #button:hover{ */
   /* background: rgb(61,94,222);
   background: linear-gradient(90deg, rgba(61,94,222,0.8883928571428571) 0%, rgba(233,148,148,1) 100%); */
   /* animation: raj 2s  1 3 left ;


} */
@keyframes example {
   0%   {background-color:rgba(151, 15, 15, 0.774); left:0px; top:0px;}
   25%  {background-color:rgba(0, 183, 255, 0.582); left:0px; top:0px;}
   50%  {background-color:rgba(0, 0, 255, 0.349); left:0px; top:00px;}
   75%  {background-color:rgba(0, 128, 0, 0.815); left:0px; top:0px;}
   100% {background-color: rgba(250, 28, 28, 0.671); left:0px; top:0px;}
 }
 
 /* The element to apply the animation to */
 #button {
 
   position: relative;
 
   animation-name: example;
   animation-duration:5s;
 }
 .panel-footer{
    background-color: #333333;
    font-size: large;
    margin-left: 1px;
    margin-right: 1px;


padding: 22px;

    border-radius: 2px;
    color: rgb(192, 192, 192);
    font-family: sans-serif;
 }
 div.a{
color: #fff;
 }
 .post-add{
    justify-content: space-around;
    min-height: 130px;
    border-radius:5px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    background-color:rgb(59, 59, 59);
   padding: 20px;
color: #fff;
text-decoration: none;
text-decoration-color: #fff;

 }
 .postal{
margin-top: 50px;
 }
 a.row:hover{
    color: #fff;
    background-color: rgba(4, 10, 10, 0.719);
    text-decoration: none;
    border-radius: 5px;
    ;
 }

 a.row{
   color: #fff;
   padding: 6px;
   text-decoration: none;
}