/*------------------------------------------------------Login -----------------------------------------------------------------*/

#username, #pass{
    width: 450px;
    height: 50px;
    border-radius: 5px;
    background-color: #fafafa;
    font-size: 12px;
    line-height: 24px;
    color: #282a3c;
    font-weight: 400;
    font-family: "Poppins";
    border: none;
    outline:0;
    padding-left:15px;
    margin-bottom: 10px;
  }
  
  
  #login-button{  
    width: 250px;
    height: 50px;
    border-radius: 5px;
    filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.15));
    background-color: #567df9;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Poppins"; 
    border: none;
    outline:0;
  }
  
  .container-for-login{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
  }
  
  .message-for-login{
    font-size: 80px;
    line-height: 200px;
    color: #000000;
    font-weight: 700;
    font-family: "Poppins";
    text-align: center;
    
    margin-bottom: -53px;
  }
  
  .message-for-login #tribe{
    color: #8cd432;
  }
  
  .logo_brandweb{
    margin-top: 60px;
  }
  
  .logo_brandweb #logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  body{
    background-image: url('/assets/img/w.png');
      background-repeat: no-repeat;
      background-size: 53.125vw 57.2395vw;
      background-position: calc(67%) calc(100% + 37.4791667vw);
  }
  #reset_password{
    margin-top:10px;
  }
  #reset_password a{
    font-size: 12px;
    line-height: 24px;
    color: #282a3c;
    font-weight: 400;
    font-family: "Poppins";
    text-decoration: none;
  }
  #reset_password a:hover{
    text-decoration:underline;
  }


  @media only screen and (max-width: 945px) {
    #welcome{
        display: block;
        margin-bottom: -73px;
    }
  }

  @media only screen and (max-width: 509px) {
    #welcome_message{
        font-size: 25px;
    }

    #welcome{
        margin-bottom: -126px;
        display: inline;
    }

    #email, #password{
        width: 340px;
    }

    .message-for-login{
        margin-top: -27px;
    }
  }

  @media only screen and (max-width: 370px) {
    #username, #pass{
     width: 270px;
     /* margin-left: 10px; */
    }

    #login-button{
        width: 180px;
    }
  
    /* body{
        background-image: url('/assets/img/w.png');
          background-repeat: no-repeat;
          background-size: 70vw 60vw;
          background-position: calc(67%) calc(100% + 37.4791667vw);
      } */
  }