body {
   /*dégradé de bleu vers bleu claire, du haut vers le bas*/
   
   font-family: Verdana, Tahoma, sans-serif;
   color : #f7931a;
   display: flex;
   flex-wrap: wrap;
   background-color: #242424;
}
body , html {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding: 0;
   margin: 0;
   line-height: 1.8;
   color: white;
}
.header , .content , .sidebar , .footer {
   padding: 26px 34px;
   color: white;
   box-sizing: border-box;
   text-align: center;
}
/*----------------------------*/
.logo {
   rotate: 90;
}
.imagesBTC {
   display: flex;
   justify-content: space-around;
   align-items: center;
   flex: 1;
}
.header {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   padding: 20px 2%; 
   background-color: #242424;
   flex-basis: 100%;

}
.content {
   flex-basis: 100%;
   background-color: #f7931a;
   padding: 0;
   margin: 0;
   border: 0px solid;
   font-size: 0.6em;
}
.sidebar {
   display: flex;
   background-color: #f7931a; 
   flex-basis: 100%;
   justify-content: space-around;
   font-size: 1em;
}
.footer {
   display: flex;
   background-color: #242424;
   flex-basis: 100% 100px;
   padding: 0px;
   justify-content: flex-end;
}

/*----------------------------*/

@media screen and (max-width: 750px) {
   .content {
      flex-basis: 100%;
   }
   .sidebar {
      flex-basis: 50%;
      order: 1;
   }   
   .footer {
      order: 2;
   }
}

@media screen and (max-width: 750px) {
   .sidebar {
      flex-basis: 100%;
   }
}



/*----------------------------*/

li, a {
   font-weight: 500;
   font-size: 1.3em;
   text-decoration: none;
   color: white;
}
.logo {
   cursor: pointer;
   margin-right: center;
   max-inline-size: 6em;
}

.navbar {
   display: flex;
   justify-content: space-between;
   align-items: center;
   text-decoration: none;
}

.nav_links {
   display: flex;
   list-style: none;
}

.nav_links li {
   display: inline-block;
   padding: 0px 20px;
}
.nav_links li a:hover {
   color: #f7931a;
   transition: all 0.5s;
}