/* 
    Created on : Dec 30, 2024, 4:13:16 PM
    Author     : DELL AMO
*/
body{
    background-color: whitesmoke;
    margin:0;
    padding: 0;
    
}
#address{
    height: 30px;
    width: 100%;
    background-color: rgb(5,173,64);
    color: #fff;
    z-index:199; 
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight:bold;
}
.header{
    display: flex;
    top:0px;
    width: 100%;
    height: 80px;
    background-color: rgb(254,202,44);
    position: sticky; 
    z-index:200;
    align-items: center;
    /*margin: 20px 0;*/
}
.header span{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:bold;
    text-align: center;
    color:rgb(254,202,44);
    text-shadow: 2px 2px rgb(5,173,64);      /*rgb(67, 68, 70) ;*/
    font-size: 30px;
    /*line-height: 15px;*/
}
#asuplogo{
 height: 70px;
 padding:5px;
}
#auchipolylogo{
 height: 70px;
 padding:5px;
}

#anim-image{
    padding: 10px;
    width: 75%;
    margin-left: 12.5%;
    perspective: 200px;
}
@keyframes animflier {
   0% {translate: 50px 50px 50px;; scale: 0% 1;transform: rotate(360deg); }
   20% {translate: 50px 50px 50px;; scale: 20% 1;transform: rotate(288deg); }
   40% {translate: 50px 50px 50px; scale: 40% 1;transform: rotate(216deg); }
   60% {translate: 50px 50px 50px;; scale: 60% 1;transform: rotate(144deg); }
   80% {translate: 50px 50px 50px; scale: 80% 1;transform: rotate(72deg); }
   100% {translate: 0 0; scale: 100% 1;}
}
#flier-image{
    position: relative;
    animation-name: animflier;
    animation-duration: 2s;
    animation-delay: 2s;     
}