@import url('https://fonts.googleapis.com/css?family=Inconsolata:700');

html, body {
  width: 100%;
  height: 100%;
}

body {
  background: #252525;
}

.dropdown {
  background-color:#212529;
  color: gray;
  border-radius: 50px;
  font-family: 'Inconsolata', monospace;
}

.topcorner{
  position:absolute;
  top:10px;
  right:10px;
 }

 .topcorner3{
  writing-mode: vertical-rl; 
 }

 .search-input {
  box-shadow: 0 0 25px 0 #e8e4dc;
  border-style: none;
  outline:none;
  border-radius: 15px 0px 0px 15px;
  z-index:2;
}

.search {
  margin:-10%;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border-style:none;
  z-index: 4;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
  &::before {
    content: "";
    position: absolute;
    margin: auto;
    top: 22px;
    right: 0;
    bottom: 0;
    left: 22px;
    width: 12px;
    height: 2px;
    background: #e8e4dc;
    transform: rotate(45deg);
    transition: all .5s;
  }
  &::after {
    content: "";
    position: absolute;
    margin: auto;
    top: -5px;
    right: 0;
    bottom: 0;
    left: -5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #e8e4dc;
  }
}