.center {
        text-align: center;
    }
    
    ul {
        list-style: none;
        padding: 0;
    }
    
    img {
        display: inline;
        width: 200px;
        height: 100px;
    }
    
    #footer {
        width: 100%;
        border-top: solid 2px black;
        background-color: white;
        position: fixed;
        bottom: 0;
    }
    
    .guess {
        display: inline;
        border: 1px solid black;
        border-radius: 10%;
        font-size: 60px;
        padding: 0 25px;
    }
    
    #player-input {
        
        border-radius: 50%;
        height:160px;
        width:160px;
        font-size: 60px;

    }
    
    #submit {
        position: absolute;
        top:110px;
        left:110px;
        border-radius: 50%;
        height:50px;
        width:50px;
    }
    #input-parent {
        position: relative;
        width: 160px;
        margin: 5% auto 50px;
    }

body {
    background-image: url('trippy-003.jpg');
    background-size: 100% 100%;
    background-color: black;

}

#app {

    width:60%;
    margin: 50px auto;
    background-color: rgba(256, 256, 256, .7)
}