styles.py

model_css = '''
    .card {
        font-family: arial;
        font-size: 20px;
        text-align: center;
        color: black;
        background-color:
        white;
        }
    .from {
        font-style: italic;
    }'''

std_word = """
    <h3 style="text-align: center;"><a href="https://dictionary.cambridge.org/dictionary/english/{{Word}}">{{Word}}</a></h3>
    <blockquote>
    <div style="text-align: center;">{{Grammar}} {{Pronunciation}}</div>
    </blockquote>
    <div style="text-align: center;">{{Meaning}}</div>
    <br>
    <div style="text-align: center;font-style: italic;">{{Examples}}</div>
    """

std_word_def_sound = """
    <h3 style="text-align: center;"><a href="https://dictionary.cambridge.org/dictionary/english/{{Word}}">{{Word}}</a></h3>   
    <blockquote>
    <div style="text-align: center;">{{Grammar}} {{Pronunciation}}</div>
    </blockquote>
    <div style="text-align: center;">{{Meaning}}</div>
    <br>
    <div style="text-align: center;font-style: italic;">{{Examples}}</div>
    <hr>
    <div style="text-align: center;">{{Picture}}</div>
    <div style="text-align: center;">{{Definition}}</div>
    <div style="text-align: center;">{{Audio}}</div>
    <sup style="text-align: center;">{{SynonymAntonym}}<sup>
    """

std_def = """
    <div style="text-align: center;">{{Picture}}</div>
    <div style="text-align: center;">{{Definition}}</div>
    """

std_def_word_sound = """
    <div style="text-align: center;">{{Picture}}</div>
    <div style="text-align: center;">{{Definition}}</div>
    <hr>
    <h3 style="text-align: center;"><a href="https://dictionary.cambridge.org/dictionary/english/{{Word}}">{{Word}}</a></h3> 
    <blockquote>
    <div style="text-align: center;">{{Grammar}} {{Pronunciation}}</div>
    </blockquote>
    <div style="text-align: center;">{{Meaning}}</div>
    <br>
    <div style="text-align: center;font-style: italic;">{{Examples}}</div>
    <hr>
    <div style="text-align: center;">{{Audio}}</div>
    <sup style="text-align: center;">{{SynonymAntonym}}<sup>
    """

std_sound = """
    <div style="text-align: center;">Listen.{{Audio}}</div>
    """

std_sound_word_def = """
    <div style="text-align: center;">Listen.{{Audio}}</div>
    <hr>
    <h3 style="text-align: center;"><a href="https://dictionary.cambridge.org/dictionary/english/{{Word}}">{{Word}}</a></h3>    
    <blockquote>
    <div style="text-align: center;">{{Grammar}} {{Pronunciation}}</div>
    </blockquote>
    <div style="text-align: center;">{{Picture}}</div>
    <div style="text-align: center;">{{Meaning}}</div>
    <br>
    <div style="text-align: center;font-style: italic;">{{Examples}}</div>
    <sup style="text-align: center;">{{SynonymAntonym}}<sup>
    """