import styled from 'styled-components'



export const NotificationView = 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;
    }

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


`