body{
    background-color: black;
    color: white;
}
h1{
    font-family: 'Times New Roman', Times, serif;
    font-style:oblique;
    color :rgb(246, 245, 244) ;
    text-align: center ;
}
.calculatrice{
    width: 220px;
    margin : 45px auto ;
    align-items: center;
    font-weight: bolder;
    font-size: larger;
    border: 3px solid rgb(35, 34, 34);
    border-radius: 20px; 
}
#screen{
    border-bottom: 2px solid rgb(35, 34, 34);
    border-radius: 5px;
    color:white ;
    height: 35px ;
    letter-spacing: 1.5px;
    text-align: right;
}
ul{
    text-align: center;
    list-style-type: NONE;
    display:flex;
    gap: 5px ;
    margin: 10px auto ;
    margin: 15px ;
    padding-left: 0px;
}
li{
    
    background-color: rgb(25, 25, 26);
    border: 1px  rgb(234, 229, 229) ;
    width:40px ;
    border-radius: 50px;
    margin: 0px auto;    
}
.operat{
    background-color: rgba(248, 112, 1, 1); 
}
#equal{
    background-color: rgb(19, 237, 237);
}
#AC {
    background-color: rgb(237, 7, 7);
    padding-top: 3px ;

} 
#supp_buttom{
    padding-top:3px;
}
#sqrt{
    padding-top: 7px;
}
#mod{
        padding-top: 4.5px;
        background-color : rgb(25, 25, 26); ;
}
.parantheses{
    font-weight: 300;
    font-size: smaller;
}
.line{
    width: 100% ;
    border : 2px solid ;
    border-radius: 20px;
}
p{
    margin: 10px 0px ;
    font-weight:lighter;
    color :rgb(241, 244, 243) ;
}