.text-container {
    width: 100%;
    height: auto;
    padding: 20px 40px;
    margin: 0 auto;
    max-width: 1200px;
}

.styled-text {
    color: white;
    font-weight: bold;
    font-size: 32px;
    text-shadow: -2px -2px 0 #2bb0bd,
                 2px -2px 0 #2bb0bd,
                 -2px 2px 0 #2bb0bd,
                 2px 2px 0 #2bb0bd;
}

@media only screen and (max-width: 768px) {
    .text-container {
        padding: 15px 20px;
    }
    
    .styled-text {
        font-size: 20px;
        text-shadow: -1px -1px 0 deepskyblue,
                     1px -1px 0 deepskyblue,
                     -1px 1px 0 deepskyblue,
                     1px 1px 0 deepskyblue;
    }
}

.logo {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    animation: bounce 5s infinite ease-in-out;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0); /* 璧风偣鍜岀粓鐐逛綅缃� */
    }
    50% {
        transform: translateY(-5%); /* 涓棿浣嶇疆锛岃礋鍊艰〃绀哄悜涓婄Щ鍔� */
    }
}


#ewm {
    width: 400px;
    height: 400px;
}

@media only screen and (max-width: 768px) {
    #ewm {
        width: 156px;
        height: 156px;
    }
}