:root {
  --font_white: #ffffff;
  --font_black: #000000;
  xcolor: #498323;
  --col_main: 95, 60%;
  --col_sec: 1, 70%;
  --col_neu: 212, 40%;
  --body_bg_col: hsl(var(--col_neu), 99%);
  --nav_bg_col: hsl(var(--col_neu), 99%);

  --nav_main: hsl(var(--col_main), 35%);
  --nav_mid: hsl(var(--col_main), 45%);
  --nav_light: hsl(var(--col_main), 55%);
  --nav_dark: hsl(var(--col_main), 20%);

  --page_nav: hsl(var(--col_main), 20%);
  --page_head_d: hsl(var(--col_main), 35%);
  --page_head_l: hsl(var(--col_main), 45%);

  --page_but_l: hsl(var(--col_neu), 95%);
  --page_but_m: hsl(var(--col_neu), 85%);
  --page_but_d: hsl(var(--col_neu), 50%);
  --page_but_dx: hsl(var(--col_neu), 30%);
  --page_but_w: hsl(var(--col_neu), 100%);

  --bird_box1: hsl(var(--col_neu), 85%);
  --bird_box2: hsl(var(--col_neu), 95%);
  --bird_box_d: hsl(var(--col_neu), 30%);
  --srch_back: hsl(var(--col_neu), 90%);

  --foot_main: hsl(var(--col_sec), 30%);
  --foot_light: hsl(var(--col_sec), 60%);
  --foot_mid: hsl(var(--col_sec), 40%);
  --foot_dark: hsl(var(--col_sec), 20%);

  --menu_burg: url("menustrip.svg");
  --flick_nav: url("imagenave.svg");
  --image-filter: invert(45%) sepia(11%) saturate(2135%) hue-rotate(52deg)
    brightness(99%) contrast(96%);
  --srch_icon: url("serch.png");
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
a {
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: transparent;
  box-sizing: border-box;
}
html {
  font-family: "Poppins", sans-serif;
  line-height: normal;
  font-size: 14px;
  scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Titillium Web", sans-serif;
  line-height: normal;
}

html,
body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

a:active,
a:hover,
a:visited,
a:link {
  text-decoration: none;
}
.mainbody {
  max-width: 1400px;
  min-width: 400px;
  min-height: 600px;
  border-width: 0px;
  border-color: #000000;
  box-shadow: 0px 5px 15px rgb(50 50 50 / 50%);
  position: relative;
  width: 100%;
  background-color: var(--body_bg_col);
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  text-align: center;
}