body {
    font-family: sans-serif;
    margin-left: 1%; margin-right:1%
}
h1,h2{text-align:center}
img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    margin: 3px;
}

/* tr td:first-child { width:25px} */
img[alt='icon'] {
    height: 25px;
}
video {aspect-ratio: 3/4;}

.logo{width:30%}
/*.ipart {width:15vw; max-width:200px; min-width:65px} */

.ipart {
    display:block;
    width: 15%;
    max-width: 200px;
    min-width: 65px
}

#excel td {text-align:center}
video { display:inline-block; margin:0;padding:0;border:none; background:gray;object-fit: cover;}

p a, td a{text-decoration:none; border-bottom:dotted 1px; color: inherit}
.contact{ width:190px; display:block; margin-left:auto; margin-right:auto}
multicolumn {
    display:block;
    column-gap: 6pt;
    column-count: 3;
}
.tagl {position:relative;z-index:3;top:100px;left:10px; color:black; font-weight:800; font-size:3.3vw; background-color: rgb(255, 255, 255,.5); padding-left:1em; margin-top:-25px; margin-bottom:-25px}

@media only screen and (max-width: 1000px) {
   multicolumn {column-count: 3;}
}

@media only screen and (max-width: 800px) {
    multicolumn {column-count: 2;}
}

@media only screen and (max-width: 400px) {
    multicolumn {column-count: 1;}
    .tagl {font-size: 4vw;}
}
.navbar-brand{font-size: 175%; font-weight:800}
.footer, .footer td { background-color:black;color:white;
}
.footer table { margin-left:auto; margin-right:auto;
}
.footer td {
    padding: 12px;
}
#excel { margin-left:auto;margin-right:auto;
}
#excel tr:first-child{font-weight:bold}
#excel tr:nth-child(even) {
    background-color: #f2f2f2; /* Light gray */
}
#excel tr:nth-child(odd) {
    background-color: #ffffff; /* White */
}

multicolumn ul {
    list-style: none; /* Remove default bullets */
    padding: 0; /* Optional: Remove padding */
}

multicolumn ul li {
    position: relative;
    padding-left: 25px; /* Adjust padding as needed */
}

multicolumn li::before {
    content: "⚙"; /* Unicode for the bullet symbol (you can replace it with any other entity) */
    position: absolute;
    left: 0;
    color: darkgray; /* Adjust color as needed */
    font-size: 1.5em; /* Adjust size as needed */
}

/* Container for the image */
.imgzoom {
    overflow: hidden; /* Ensures the zoom effect stays within the bounds of the container */
    width: 80%;
    /* height: auto;*/
    height: 80%;
    display:inline-block;
}

    /* Image styling */
    .imgzoom img {
        width: 100%;
        height: 100%;
        transition: transform 10s ease-in-out; /* Smooth transition for zoom effect */
        animation: zoom-in-out 20s infinite alternate; /* Infinite loop for zoom effect */
    }

/* Keyframes for zooming in and out */
@keyframes zoom-in-out {
    0% {
        transform: scale(1); /* Original scale */
    }

    50% {
        transform: scale(1.4); /* Zoom in */
    }

    100% {
        transform: scale(1); /* Zoom out */
    }
}