html, body {
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

container {
  display: flex;
}

.side_bar {
  display: flex;
  flex:1;
  flex-direction: column;
  background-color: rgb(249, 248, 248);
}

.side_bar>h3 {
  border-bottom: 1px solid lightgray;
  /* position:fixed; */
  padding-bottom: 10px;
  padding-left:  20px;
}

ol {
  position:fixed;
  padding-right: 10px;
  padding-left: 10px;
}

li {
  list-style-type: none;
    padding: 10px 97px 10px 30px;
  }
  
  li:hover, footer>div:hover {
  background-color: rgb(241, 42, 121);
  color: white;
  transition: 2s;
  transform: scale(1.1);
}
a:hover {
  color: white;
}

.main_menu, .licenses_menu {
  display: flex;
  flex-direction: column;
  flex: 6;
  background-color: rgb(237, 237, 237);
}
.main_menu>h3, .licenses_menu>h3 {
  margin-left: 20px;
}

.main_menu_up {
  display: flex;  
  margin-top: 20px;
}

.main_menu_up>div>div>img {
  max-width: 80px;
  padding-top: -100px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: -40px;
  border: 1px solid gold;
  border-radius:  5px;
}

.gray {
  color:  gray;
}

.menu2 {
  display: flex;
  align-items: center;
  border-bottom:  1px solid gray;
  margin-bottom: 10px;
}

.menu3 {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: rgb(249, 249, 249);
  padding: 10px;
  margin: 10px;
  border: 1px solid gold;
  border-radius: 5px;
  box-shadow: 5px 5px 5px gray;
}

.menu3:hover, .main_menu_middle>div>img:hover, .cars_menu>div>div>img:hover  {
  transition: 2s;
  transform: scale(1.05);
}

.main_menu_middle {
  display: flex;
  justify-content: space-evenly;
  background-color: rgb(237, 237, 237);
  margin-top: 60px;
}

.main_menu_middle>div>img {
  max-width: 360px;
  margin: 10px;
  border:  2px solid gold;
  margin-top: -30px;
  border-radius: 5px;
}

.middle2 {
  display: flex;
  flex-direction: column;
  margin:  10px;
  box-shadow: 5px 5px 5px gray;
  border:  1px solid gold;
  border-radius: 5px;
  background-color: rgb(249, 249, 249);
}

.middle2>div {
  margin:  10px;
}

.middle1 {
  margin:  10px;
  border-bottom:  1px solid gray;
}

.change {
  height: 225px;
}

.main_menu_down {
  display: flex;
}

.menu_down_left, .menu_down_right {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 100px;
  background-color: white;
  box-shadow: 5px 5px 5px gray;
  border:  1px solid gold;
  border-radius: 5px;
}

.orange, .blue {
  display: grid;
  width: 98%;
  margin-left: 1%;
  margin-top: -20px;
  grid-template-columns: 1fr 5fr 1fr;
  color: white;
  justify-items: center;
  box-shadow: 5px 5px 5px gray;
  border-radius: 5px;
  border:  1px solid gold;
  background-color:  orange;
}

.blue {
  background-color: blue;
}

.orange>div, .blue>div{
  padding: 10px 10px;
}


.grid {
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
}

.grid>div {
  padding: 10px;
  border-bottom: 1px solid lightgray;
}

footer {
  display:  flex;
  border-top: 2px solid lightgrey;
}
footer>div{
  padding:  15px;
}
.extra {
  margin-left: auto;
}

a {
  color: red;
  text-decoration: none;
  /* border: 1px solid red; */
  padding-top: 10px;
  padding-bottom: 10.5px;
  padding-right:  100%;
}




img {
  width: 300px;
  float: left;
  margin: 10px;
  border: 1px solid gold;
  border-radius: 5px;
}

.c {
  font-size: 1.2em;
  font-weight: 600;
  margin-left: 20px;
  margin-top: -8px;
}
.d {
  font-size: 2.9em;
  font-weight: 600;
}

.drivers_menu, .cars_menu, .support3_menu, .support_menu, .licenses_menu {
  display: flex;
  flex-direction: column;
  flex: 6;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgb(237, 237, 237);
}
.support3_menu, .support_menu, .map_menu, .licenses_menu {
  height: 100vh;
}

.support_menu>div {
margin-bottom: 1.5em;
}

.cars_menu>div>div>div {
  margin-bottom: 0.5em;
}
.cars_menu>div>div {
border-bottom: 2px solid lightgrey;
margin-top: 20px;
margin-bottom: 50px;
}

.cars_menu>h3 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
footer {
  margin-top: auto !important;
}