html{background-color:#000;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;height:100%}.container,.wrapper{align-items:center;display:flex;justify-content:center}.container{border:5px solid #fff;border-radius:40px;flex-direction:column;padding:10px;width:400px}.title{font-size:30px;margin-bottom:30px;margin-top:30px}.window{background-color:initial;border:2px solid #fff;border-radius:30px;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:50px;margin-bottom:20px;padding:10px;text-align:right;width:320px}.btnConatainer{cursor:pointer;font-size:3px}.fifthLevel,.firstLevel,.fourthLevel,.secondLevel,.thirdLevel{display:flex;flex-direction:row}.delete{background-color:grey;border-radius:40px;color:#000;display:flex;font-size:x-large;justify-content:center;margin:5px;padding:25px 25px 20px;width:50%}.backspace:hover,.delete:hover,.percent:hover{background-color:#fff}.backspace{font-size:x-large;padding:25px 32px 20px}.backspace,.percent{background-color:grey;border-radius:40px;color:#000;display:flex;justify-content:center;margin:5px}.percent{font-size:xx-large;padding:20px}.division{background-color:orange;border-radius:40px;display:flex;font-size:xx-large;font-weight:900;justify-content:center;margin:5px;padding:20px 27px}.division:hover,.equal:hover,.minus:hover,.multiplication:hover,.plus:hover{background-color:#fff;color:orange}.multiplication{padding:20px 25px}.minus,.multiplication{background-color:orange;border-radius:40px;display:flex;font-size:xx-large;font-weight:900;justify-content:center;margin:5px}.minus{padding:20px 30px}.equal,.plus{background-color:orange;border-radius:40px;display:flex;font-size:xx-large;font-weight:900;justify-content:center;margin:5px;padding:20px 25px}.equal{width:50%}.eight,.five,.four,.nine,.one,.seven,.six,.three,.two{padding:20px 30px}.eight,.five,.four,.nine,.one,.seven,.six,.three,.two,.zero{background-color:#3a3636;border-radius:40px;display:flex;font-size:xx-large;justify-content:center;margin:5px}.zero{padding:20px 130px 20px 20px}.comma{background-color:#3a3636;border-radius:40px;display:flex;font-size:xx-large;justify-content:center;margin:5px;padding:20px 35px}.comma:hover,.eight:hover,.five:hover,.four:hover,.nine:hover,.one:hover,.seven:hover,.six:hover,.three:hover,.two:hover,.zero:hover{background-color:#686666}.title{display:flex;flex-direction:row;justify-content:center}.wrap{border:3px solid #fff;border-radius:20px;margin-left:550px;margin-right:550px;padding-bottom:20px;padding-top:30px}.fifthlevel,.firstlevel,.fourthlevel,.secondlevel,.thirdlevel{display:flex;flex-direction:row;justify-content:center}.circle1{background-color:grey;border-radius:40px;color:#000;font-size:40px;margin:5px;padding:10px}.circle1:nth-child(4){background-color:orange;color:#fff;padding-left:32px;padding-right:32px}.circle1:first-child{font-size:30px;padding:20px 17px 17px}.circle1:nth-child(2){font-size:30px;padding:20px 13px 13px}.circle1:nth-child(3){padding:15px}.circle2{background-color:#3a3636;border-radius:50px;font-size:40px;margin:5px;padding:15px 25px}.circle2:nth-child(4){background-color:orange;padding-left:31px;padding-right:31px}.circle3{background-color:#3a3636;border-radius:40px;font-size:40px;margin:5px;padding:15px 25px}.circle3:nth-child(4){background-color:orange;padding-left:33px;padding-right:33px}.circle4{background-color:#3a3636;border-radius:40px;font-size:40px;margin:5px;padding:15px 25px}.circle4:nth-child(4){background-color:orange}.circle5{background-color:#3a3636;border-radius:40px;font-size:40px;margin:5px;padding:15px 25px}.circle5:first-child{padding-right:112px}.circle5:nth-child(2){padding-left:31px;padding-right:31px}.circle5:nth-child(3){background-color:orange}.circle1:nth-child(4):hover,.circle2:nth-child(4):hover,.circle3:nth-child(4):hover,.circle4:nth-child(4):hover,.circle5:nth-child(3):hover{background-color:#fff;color:orange}.circle1:first-child:hover,.circle1:nth-child(2):hover,.circle1:nth-child(3):hover{background-color:#fff;color:#000}.circle2:first-child:hover,.circle2:nth-child(2):hover,.circle2:nth-child(3):hover,.circle3:first-child:hover,.circle3:nth-child(2):hover,.circle3:nth-child(3):hover,.circle4:first-child:hover,.circle4:nth-child(2):hover,.circle4:nth-child(3):hover,.circle5:first-child:hover,.circle5:nth-child(2):hover{background-color:#5e5c5c}
/*# sourceMappingURL=main.c774c203.css.map*/