* {
        font-size: 1em;    
        
    }
    tr {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    td {
        padding-right: 6px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    input {
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        height: 1.8em;
        text-align: center;
        text-wrap: wrap;
    }
    button {
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
        text-wrap: wrap;
    }
    textarea {
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        height: 5em;
        text-align: center;
        text-wrap: wrap;
    }
    #tosavephrase{
        padding-top: 0px;
            padding-bottom: 0px;
            width: 45%;
            height: 1.8em;
            text-align: center;
            text-wrap: wrap;

    }
    #controlbar1{
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    #wordaddbar {
        display: flex;
        width: 100%;
        height: 4em;
        text-align: center;
        justify-content: space-around;
    }
    #randtext {
            font-size: 2em;
    }

    @media only screen and (min-device-width: 800px) and (max-width: 900px) {
        * {
            font-size: 1em;
        }
    }

    @media only screen and (min-device-width: 250px) and (max-width: 450px) {
        * {
            font-size: 0.8rem;
        }
        #randtext {
            font-size: 1.2em;
        }

    }