@charset "utf-8";
@import url("../webfonts/Mikhak_Bold/stylesheet.css");


.container-fluid {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
#screen {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
    font-size: 40px;
    text-align: center;
    background-color: #C0C3E4;
}
body{
    background-color: #040035;
    font-family: "Mikhak Bold";
}
.bClear{
    background-color: #7D0B0D;
    color: #C8C8C8;
    padding-left: 15px;
    padding-right: 15px;
    width: 150px;
    margin-top: 30px;
    margin-bottom: 5px;
    height: 50px;
	transition: border-radius 0.7s;
}
.bClear:hover{
	border-radius: 50px;
}
.bSign{
    background-color: #23296D;
    color: #898989;
    padding-left: 15px;
    padding-right: 15px;
    width: 150px;
    margin-top: 30px;
    margin-bottom: 5px;
    height: 50px;
	border: 1px solid  #4A4D4E;
	transition: box-shadow 0.7s;
	position: relative;
}
.bSign:hover{
	box-shadow: inset 0px 0px 15px white;
}
.bSign::before{
	content: '';
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    transition: all 0.6s;

}
.bSign:hover::before {
   transform: scale(1.2);
   border: 1px solid transparent;
 }
.bNumber{
    background-color: #636BD2;
    color: #FFFFFF;
    padding-left: 15px;
    padding-right: 15px;
    width: 150px;
    margin-top: 30px;
    margin-bottom: 5px;
    height: 50px;
	border: 1px solid  #4A4D4E;
	transition: box-shadow 0.7s;
	position: relative;
}
.bNumber:hover{
	box-shadow: inset 0px 0px 15px white;
}
.bNumber::before{
	content: '';
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    transition: all 0.6s;

}
.bNumber:hover::before {
   transform: scale(1.2);
   border: 1px solid transparent;
 }
#bEQUAL{
    background-color: #F40132;
    color: #FFFFFF;
    width: 150px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
    margin-bottom: 5px;
    height: 50px;
	transition: border-radius 0.3s;
}
#bEQUAL:hover{
	background-color: #FFFFFF;
	color: black;
	border-radius: 50px;
}
#buttons{
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    height: 600px;
}
*{
    border-radius: 10px;
}