:root {
    --main-bg-color: #252525;
    --main-txt-color : #ffffff;
    --svg-wave-light : #00000040;
    --svg-wave-dark: #000000;
    --big-0 :#00b7ff;
    --borders :#c5c5c5;
  }
  
body { background-color: var(--main-bg-color) ; }

#notfound {background: var(--main-bg-color);  }

.notfound .notfound-404 h1 {color: var(--main-txt-color); }

.notfound .notfound-404 h1>span { color: var(--big-0); }

.notfound h2 {color: var(--main-txt-color); }

.notfound .notfound-search>input {background: transparent; border: 2px solid var(--borders); }

::placeholder { color: var(--main-txt-color); }

::-ms-input-placeholder { color: var(--main-txt-color); }

.notfound .notfound-search>input:focus { border-color: var(--big-0); color: var(--main-txt-color);}

.notfound .notfound-search>button { background: transparent; }

.notfound .notfound-search>button>span:after {border: 4px solid var(--borders);}

.notfound-search>button>span:before {background: var(--borders); }

.notfound .notfound-search>button:hover>span:after {border-color: var(--big-0); }

.notfound .notfound-search>button:hover>span:before {background-color: var(--big-0);}

.svg_wave_light svg {fill: var(--svg-wave-light); }

.svg_wave_dark svg {fill: var(--svg-wave-dark); }

.svg_stars svg { opacity: 0.3; }