|
|
@ -20,27 +20,22 @@ body {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/* Search */
|
|
|
|
/* Search */
|
|
|
|
.searchBar {
|
|
|
|
.searchBar {
|
|
|
|
background-color: #ededed;
|
|
|
|
background-color: #1b1b1f;
|
|
|
|
border: #ededed 2px solid;
|
|
|
|
border: #1b1b1f 2px solid;
|
|
|
|
position: fixed;
|
|
|
|
position: relative;
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
|
|
z-index: 2;
|
|
|
|
z-index: 2;
|
|
|
|
top: 6rem;
|
|
|
|
right: 2rem;
|
|
|
|
left: calc(50% - 48%);
|
|
|
|
padding: 1rem;
|
|
|
|
padding: 1rem;
|
|
|
|
width: 12rem;
|
|
|
|
width: 96%;
|
|
|
|
height: 3rem;
|
|
|
|
height: 3rem;
|
|
|
|
border-radius: .5rem;
|
|
|
|
border-radius: 2rem;
|
|
|
|
|
|
|
|
outline: none;
|
|
|
|
outline: none;
|
|
|
|
transition: border .4s, opacity .3s, top .3s;
|
|
|
|
transition: border .4s;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.searchBar:hover, .searchBar:focus {
|
|
|
|
.searchBar:hover, .searchBar:focus {
|
|
|
|
border: #4c8a80 2px solid;
|
|
|
|
border: #4c8a80 2px solid;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.searchMove {
|
|
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
|
|
top: 0px!important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Scrollbar */
|
|
|
|
/* Scrollbar */
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
background-color: #1d1e1e;
|
|
|
|
background-color: #1d1e1e;
|
|
|
|