.full-screen-text-modify-box-33{
}

.full-screen-text-modify-box{
    height: 100%;
}

.full-screen-text-modify-box-67{
}

.full-screen-text-modify-utils-100-px-height{
    position: absolute;
    width: 100%;
    height: 100px;
    padding-left: 10px;
}

.full-screen-text-modify-utils-50-px-height{
    position: absolute;
    width: 100%;
    height: 50px;
    padding-left: 10px;
    left: 0;
}



.full-screen-text-modify-utils-box{
    margin-left: 50px;
}

.full-screen-text-modify-utils-box span{
    margin-left: 10px;
}

.full-screen-text-modify-utils-box label{
    margin-right: 10px;
    margin-bottom: 0;
}


.full-screen-text-modify-80{
    height: 100%;
}

.full-screen-text-modify{
    height: 100%;
    width: 100%;
    font-size: 175px;
}

.full-screen-text-modify-typo span{
    border-radius: 20px;
    border: 1px solid #0e9946;
    padding: 1px 10px 0px 10px;
    color: #0e9946;
    font-size: 12px;
}

.full-screen-text-modify-typo-goldberg span{
    border-radius: 20px;
    border: 1px solid rgb(255, 38, 0);
    padding: 1px 10px 0px 10px;
    color: rgb(255, 38, 0);
    font-size: 12px;
}

.full-screen-text-modify-typo-ada span{
    border-radius: 20px;
    border: 1px solid rgb(255, 38, 0);
    padding: 1px 10px 0px 10px;
    color: rgb(255, 38, 0);
    font-size: 12px;
}

.full-screen-text-modify-typo-hooper span{
    border-radius: 20px;
    border: 1px solid rgb(255, 38, 0);
    padding: 1px 10px 0px 10px;
    color: rgb(255, 38, 0);
    font-size: 12px;
}

.text-modify-utils{
    margin-left: 15px;
}


.left-text-utils{
    border: 1px solid #0e9946;
    border-left: none;
    border-radius: 0 20px 20px 0;
    padding: 4px 7px 4px 7px;
}

.center-text-utils{
    border: 1px solid #0e9946;
    border-radius: 20px 0 0 20px;
    padding: 4px 7px 4px 7px;
}

.center-text-utils img, .left-text-utils img{
    width: 19px;
}

.text-case-utils-box{
    padding: 0;
    border-radius: 20px;
    border: 1px solid #0e9946;
}

.text-uppercase-utils{
    border: 1px solid #0e9946;
    border-radius: 20px 0 0 20px
}

.text-lowercase-utils{
    border: 1px solid #0e9946;
    border-left: none;
    border-radius: 0 20px 20px 0
}

.text-uppercase-utils, .text-lowercase-utils{
    color: #0e9946;
    font-size: 13px;
    padding: 0 4px 0 4px;
}

.center-text-utils:hover, .left-text-utils:hover{
    background-color: #0e9946;
    cursor: pointer;
}

.text-align-active{
    background-color: #0e9946;
}

.text-align-active img{
    filter: brightness(0) invert(1);
}

.case-active{
    background-color: #0e9946;
    color: white;
}

.text-align-active img{
    filter: brightness(0) invert(1);
}-active img{
    filter: brightness(0) invert(1);
}

.text-uppercase-utils:hover, .text-lowercase-utils:hover{
    background-color: #0e9946;
    color: white;
    cursor: pointer;
}

.center-text-utils:hover img, .left-text-utils:hover img{
    filter: brightness(0) invert(1);
}

.modify-typo-text-align, .modify-typo-text-case{
    margin-left: 15px;
}

.text-modify-text{
    padding: 0 15px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.text-modify-text-no-transform{
    text-align: center;
    width: 100%;
}

.text-typo-text-box{
    /* padding: 4% 0 3% 0 ; */
    overflow: hidden;
}