body,html{
    background-color: #313436;
}
.wave_svg:nth-of-type(1){
    fill:#222526;
}
.wave_svg:nth-of-type(2){
    fill:#181a1b;
}
.bottom_waves svg:nth-child(1){
    fill:#222526;
}
.bottom_waves svg:nth-child(2){
    fill:#181a1b;
}
.login_div{
    border-bottom: 2px solid white;
    }

.logo_div{
    color: white;
}
.nav{
    background-color: rgb(30, 30, 30);
    color: black;
}
.boton{
    color: #ffffff;   
}
.boton:hover{
    color: #bbbbbb;
    border-bottom: 2px solid rgb(255, 255, 255);
    border-top: 2px solid rgb(255, 255, 255);
    transition: .3s;
}
.foto_perfil{
    border: 2px solid white;
}
.foto_perfil:hover{
    filter: brightness(140%);
    border: 2px solid rgb(0, 0, 0);
}
.publish:hover{
    background-color: rgb(59, 143, 59);
}
.publish{
    border-bottom: 1px solid rgb(40, 89, 40);
    background-color: rgb(85, 195, 85);
    box-shadow: 0px 7px 0px rgb(59, 136, 59);    
    transition: .3s;
}
.publish h2{
    color: whitesmoke;
}
.publish svg{
    stroke: whitesmoke;
    
}

.publish:active{
    background-color: rgb(71, 164, 71);
    box-shadow: 0px 0px 0px rgb(59, 136, 59);
}
.logout{
    border-bottom: 1px solid rgb(89, 40, 40);
    background-color: rgb(195, 85, 85);
    box-shadow: 0px 7px 0px rgb(136, 59, 59);
}
.logout:active{
    background-color: rgb(164, 71, 71);
    box-shadow: 0px 0px 0px rgb(136, 59, 59);
}
.user-info{
    border-bottom: 1px solid white;
}
.sub-menu{
    background-color: #2b2b2b;
    border-bottom: 1px solid white;    
}
.sub-menu *{
    color: whitesmoke;
}    
.selection{
    color: white;
}
.selection:hover{
    background-color: #bbbbbb5b;
}
.main-foot{
    background-color: #111214;

}
.main-foot *{
    color: whitesmoke;
}
.main-foot a{
    color:white;
}
.foot-link{
    color: rgb(246, 246, 185)!important;
}
.main-foot a:hover{
    color:rgb(32, 32, 32);
}
.main-foot svg{
    stroke: whitesmoke;
}

.nav_bar {
    background-color: #111214;
}
.nav_bar a {
    color: whitesmoke;
    border-bottom: 2px solid transparent;
}
.nav_bar svg {
    stroke: whitesmoke;
}
.nav_bar a:hover {
    border-bottom: 2px solid whitesmoke;
}
.link_on{
    border-bottom: 2px solid rgb(57, 205, 55)!important;
    
    
}
.logo_pic{
    color: whitesmoke;
}
.profile_menu{
    color: white;
    border-bottom: 2px solid transparent;
}
.profile_menu:hover{
    border-bottom: 2px solid white;
}
.bubbles{
    color: white;
}
.bubbles svg{
    border-bottom: 2px solid transparent;
}
.bubbles svg:hover{
    
    border-bottom: 2px solid whitesmoke;
}
.profile_tag{
    color: white;
}
.profile_tag:hover{
    color: rgb(129, 129, 129);
}
.profile_tag h3{
    background: rgb(47,250,0);
    background: linear-gradient(90deg, #3fb570, transparent) #21f3bf;
    color: #fff;
    border-bottom: 2px solid transparent;
}
.profile_tag h3:hover{
    background-color: #1ee92f;
    color: #fff;
}
.profile_tag img{
    border: 2px solid white;
}
.notification_bar {
    background-color: #2b2b2bb3;
}
.notification_bar *{
    color: white!important;
}
.night_mode svg:hover{
    border-bottom: 2px solid white;
}
.notification{
    border-bottom: 1px solid rgba(0, 0, 0, 0.418);
}
.notification:hover{
    background-color: rgba(255, 255, 255, 0.2);
}
.Notifications_bttn{
    background-color: limegreen;
    color: black;
}
.notif_buttons button{
    background-color: limegreen;
    color: black!important;
}
.cookies_bar{
    background-color: #111214;    
}
.cookies_bar *{
    color: whitesmoke;
}
.cookies_bar button{
    background-color: lime;
    color: black;
    border: 2px solid transparent;
}
.cookies_bar button:hover{
    background-color: limegreen;
    border: 2px solid black;
}
.tooltip .tooltiptext {
    background-color: #555;
    color: white;
  }
  .tooltip .tooltiptext::after {
    border-color: #555 ;}