@charset "UTF-8";
/* CSS Document */

.navbar {
  margin-bottom: 0!important;
}

.bg-eo {
    background-image: linear-gradient(45deg, orange, chartreuse, aqua)!important;
	border-top:2px solid black;
}
.nav-link.text-black:hover{color:deeppink!important;}
.text-pw{
	font-size:4rem;
	text-align: center;
	background-color: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(7,255,0,1) 30%, rgba(0,230,255,1) 43%, rgba(177,0,255,1) 57%, rgba(255,147,0,1) 70%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}
.text-ul{
	line-height:1rem!important;
	border-bottom: 2px solid #FF0004;
}
h1, h2, h3, h4, h5{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: bold;
	color:chartreuse;
}
body {
	padding-bottom: 20px;
	width:100%;
	font-family: 'Source Sans Pro', sans-serif;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.text-line{text-decoration: underline;}
.bg-grad2{
	background: rgb(255,173,0);
	background: -moz-linear-gradient(10deg, rgba(255,173,0,0.2) 0%, rgba(229,0,255,0.2) 42%, rgba(0,212,255,0.2) 100%);
	background: -webkit-linear-gradient(10deg, rgba(255,173,0,0.2) 0%, rgba(229,0,255,0.2) 42%, rgba(0,212,255,0.2) 100%);
	background: linear-gradient(10deg, rgba(255,173,0,0.2) 0%, rgba(229,0,255,0.2) 42%, rgba(0,212,255,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad00",endColorstr="#00d4ff",GradientType=1);
}
.bg-grad3{
	background: rgba(255,0,210,1.00);
	background: -moz-linear-gradient(10deg, rgba(255,173,0,1) 0%, rgba(229,0,255,1) 42%, rgba(0,212,255,1) 100%);
	background: -webkit-linear-gradient(10deg, rgba(255,173,0,1.0) 0%, rgba(229,0,255,1.0) 42%, rgba(0,212,255,1.0) 100%);
	background: linear-gradient(10deg, rgba(255,173,0,1.0) 0%, rgba(229,0,255,1.0) 42%, rgba(0,212,255,1.0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad00",endColorstr="#00d4ff",GradientType=1);
}
	.calculator {
	  font-size: 1.8rem;
	  margin:0!important;
	  padding: 20px 0px 20px 20px;
	  border: 1px solid #B6B6B6;
	  -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
	  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
	  border-radius: 1px;
	  background: rgb(245,245,245);
	  background: -webkit-linear-gradient(bottom, rgba(245,245,245,1) 15%, rgba(224,224,224,1) 100%);
	  background: -o-linear-gradient(bottom, rgba(245,245,245,1) 15%, rgba(224,224,224,1) 100%);
	  background: linear-gradient(to top, rgba(245,245,245,1) 15%, rgba(224,224,224,1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5",endColorstr="#e0e0e0",GradientType=1);
	}

	.input {
	  letter-spacing: 2px;
	  border: 1px solid #B6B6B6;
	  width: calc(100% - 20px)!important;
	  border-radius: 1px;
	  height: 60px;
	  padding-right:15px;
	  text-align: right;
	  font-size: 2.5rem;
	  overflow-x: auto;
	  transition: all .2s ease-in-out;
	  vertical-align:middle!important;
	  background: rgb(0,0,0);
	  color:white;
	  }

	.input:hover {
	  border: 1px solid #bbb;
	  -webkit-box-shadow: inset 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
	  box-shadow: inset 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
	}

	.operators {
	  display: inline-block;
	  margin: 10px 0 10px 0;
	  border: 1px solid #FFA000;
	  border-radius: 1px;
	  text-align: center;
	  cursor: pointer;
	  padding: 5px 10px;
	  background: rgb(251,255,202);
	  background: -moz-radial-gradient(circle, rgba(251,255,202,1) 15%, rgba(255,227,169,1) 100%);
	  background: -webkit-radial-gradient(circle, rgba(251,255,202,1) 15%, rgba(255,227,169,1) 100%);
	  background: radial-gradient(circle, rgba(251,255,202,1) 15%, rgba(255,227,169,1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbffca",endColorstr="#ffe3a9",GradientType=1);
	  transition: border-color .2s ease-in-out, background-color .2s, box-shadow .2s;}

	.operators:hover {
	  background-color: #ddd;
	  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	  border-color: #aaa;
	}

	.operators:active {
	  font-weight: bold;
	}

	.leftPanel {
	  display: inline-block;
	}

	.numbers {
	  display: inline-block;
	  margin: 10px 0 10px 0;
	  border: 1px solid #00FF00;
	  border-radius: 1px;
	  text-align: center;
	  cursor: pointer;
	  padding: 5px 10px;
	  background: rgb(255,255,181);
	  background: -moz-radial-gradient(circle, rgba(255,255,181,1) 15%, rgba(211,255,135,1) 100%);
	  background: -webkit-radial-gradient(circle, rgba(255,255,181,1) 15%, rgba(211,255,135,1) 100%);
	  background: radial-gradient(circle, rgba(255,255,181,1) 15%, rgba(211,255,135,1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffb5",endColorstr="#d3ff87",GradientType=1);
	  transition: border-color .2s ease-in-out, background-color .2s, box-shadow .2s;
	}

	.numbers:hover {
	  background-color: #f1f1f1;
	  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	  border-color: #bbb;
	}

	.numbers:active {
	  font-weight: bold;
	}

	.equal {
	  display: inline-block;
	  border: 1px solid #FF7C00;
	  border-radius: 1px;
	  width: 17%;
	  text-align: center;
	  padding: 118px 5px;
	  margin: 10px 6px 10px 0;
	  vertical-align: top;
	  cursor: pointer;
	  color: #000;
	  background: rgb(255,255,111);
	  background: -moz-radial-gradient(circle, rgba(255,255,111,1) 15%, rgba(255,199,0,1) 100%);
	  background: -webkit-radial-gradient(circle, rgba(255,255,111,1) 15%, rgba(255,199,0,1) 100%);
	  background: radial-gradient(circle, rgba(255,255,111,1) 15%, rgba(255,199,0,1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff6f",endColorstr="#ffc700",GradientType=1);
	  transition: all .2s ease-in-out;
	}

	.equal:hover {
	  background-color: #307CF9;
	  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	  border-color: #1857BB;
	}

	.equal:active {
	  font-weight: bold;
	}