1input {
2  display: inline-block;
3  max-width: 196px;
4  -webkit-box-sizing: content-box;
5  -moz-box-sizing: content-box;
6  box-sizing: content-box;
7  padding: 10px 20px;
8  border: 5px solid #1fbc00;
9  -webkit-border-radius: 11px;
10  border-radius: 11px;
11  font: normal 19px/normal "Courier New", Courier, monospace;
12  color: rgba(42,255,0,1);
13  -o-text-overflow: clip;
14  text-overflow: clip;
15  background: rgba(45,45,45,1);
16  box-shadow: 0 0 9px 4px rgba(0,0,0,0.15) , -1px 4px 8px -1px rgba(0,0,0,0.49) inset;
17  text-shadow: 1px 1px 0 rgba(255,255,255,0.66);
18  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
19  -webkit-transform: rotateX(-16.62deg) rotateY(-28.64788975654116deg);
20  transform: rotateX(-16.62deg) rotateY(-28.64788975654116deg);
21}
22
23input:hover {
24  -webkit-transform: rotateX(-15.62deg) rotateY(-23.65deg);
25  transform: rotateX(-15.62deg) rotateY(-23.65deg);
26}
27
28.search__icon {
29  height: 1.3em;
30  width: 1.3em;
31  fill: #b4b4b4;
32}
33
34input:focus {
35  outline: none;
36}