/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

.starWarsEditor{
    border:0.125rem inset black;
    min-height:200px;
    padding: 1.125rem 2.25rem 1.125rem 2.25rem;
    max-width:20.25rem;
    background:white;
    
    form{    
        input{
            font-family: 'Luckiest Guy', cursive;
            color:black;
            width:100%;
            font-size:1.813rem;
            display:block;
            background:inherit;
            border:none;
            font-weight: 500;
            padding:0;
        }
        input:focus{
            outline:none;
            border:0.125rem solid orangered;
        }
        p{
            border:0.125rem outset black;
            margin: 0 auto 0 auto;
            display:block;
            width:100%;
            background:white;
        }
    }
}