@media only screen and (min-width : 901px){
body{
    background-color: rgb(66, 109, 89);
    
}

p{
    text-align: right;
}

#appBg{
    margin: 0 auto;
    height: 420px;
    width: 300px;
    border: 1px solid black;
    border-radius: 5px;
}

#appBg form{
    height: 100%;
    width: 100%;
    background-color: darkblue;
}

#appBg input[type=textfield]{
    height: 25%;
    width: 100%;
    cursor: default;
    font-family: 'Roboto', sans-serif;
    background-color: black;
    color: white;
    padding: 15 px;
    text-align: right;
    font-size: 50px;
    border: 0;
    outline: none;
    }

#appBg input[type=button], input[type=reset]{
    width: 22%;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: black;
    padding: 18px;
    margin: 3px;
    border: 0;
    border-radius: 100%;
}

#appBg .orange{
    background-color: orange !important;
    color: white !important;
}

#appBg .gray{
    background-color: gray !important;
    color: white;
}
}