Calculator1.css

#title{
    font-size: 30px;
    height: 550px;
    width: 400px;
    color: blue;
    background-color: #e2edff;
    border: solid;
    border-color: darkcyan;
    font-style: italic;
    text-shadow: inset;


}
#legend{
    border: solid;
    background-color: #e2edff;
    color: #5996f5;
}
#input{
    height: 50px;
    width: 400px;
    border: solid;
    border-color: #727ba4;
}
#input1{
    height: 50px;
    width: 400px;
    margin-top: 10px;
    border: solid;
    border-color: #727ba4;
}

#mathx{
    height: 60px;
    width:60px;
    font-size: 25px;
    margin-top:30px ;
    border: solid;
    border-color: darkcyan;
    background-color: #33f5dd;
    text-shadow: inset;

}
#one{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;


}
#two{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;


}
#three{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;

}
#CE{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #33f5dd;

}
#four{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;

}
#five{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;

}
#six{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;
}
#C{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #4fd0ff;
}
#mathd{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    border: solid;
    border-color: darkcyan;
    background-color: #4fd0ff;


}
#seven{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;


}
#eight{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;


}
#nine{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;


}
#per{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5adf0;
}
#matha{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    border: solid;
    border-color: darkcyan;
    background-color: #f5adf0;


}
#zero{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5b10e;


}
#equal{
    height: 60px;
    width:150px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #d7f5e8;


}
#root{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    margin-left: 20px;
    border: solid;
    border-color: darkcyan;
    background-color: #f5cbbf;


}

#maths{
    height: 60px;
    width: 60px;
    font-size: 25px;
    margin-top:30px ;
    border: solid;
    border-color: darkcyan;
    background-color: #f5cbbf;


}