html {
    background-color: silver;
    word-spacing: 2px;
    text-transform: capitalize;
}

#underline {
    color: red;
}

.point {
    color: blue;
}

#head {
    text-align: center;
    font-size: 50px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
    text-decoration-line: underline;
}

#sub {
    text-align: center;
    font-size: 30px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-style: italic;
}

#text {
    font-weight: bold;
    word-spacing: 2px;
    margin-left: 20px;
    font-size: 25px;
}
.group{
    display: flex;
    height: 50%;
    width: 50%;
    
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
}

img,
video {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

#img1 {
    height: auto;
    width: 100%;
    max-width: 677px;
}

#footer {
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: red;
    text-shadow: 1px 1px black;
}

#copyright {
    color: silver;
}

@media (max-width: 768px) {
    #head {
        font-size: 36px;
    }

    #sub {
        font-size: 24px;
    }

    #text {
        font-size: 18px;
    }

    .flex {
        flex-direction: column;
    }

    #img1,
    #imgFinal {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}