import styled from 'styled-components'



export const FaqView = styled.nav`
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;


    .btn{
      background: #254F7F;
      border-radius: 8px;
      color: white;
      width: 164px;
      height: 40px;
      border: none;

    }
    .btn2{
      background: #FFBC10;
      border-radius: 8px;
      color: white;
      width: 164px;
      height: 40px;
      border: none;
      margin-left: 3px;
    }
    .buttons{
      display: flex;
      margin-top:50px ;
      justify-content: space-between;
      align-self:flex-start ;
      margin-left: 20px;
    }
    .title{
      display: flex;
      justify-content: flex-start;
      align-self:flex-start ;
      flex-direction: column;
      margin-left: 19px;
    }

    .MuiBox-root .css-4y2i0o {
    :-webkit-scrollbar {
      width: 15px!important;
    }
    :-webkit-scrollbar-track {
      background-color: #EFEFEF!important;
    }
    :-webkit-scrollbar-thumb {
      background-color: rgb(37,79,127)!important;
      border: 3px solid #EFEFEF!important;
      border-radius: 10px!important
    }
    :-webkit-scrollbar-thumb:hover {
      background-color: #1d3e63!important;
    }
  }

/*
  .teste{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 100px;
  } */


`
