@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light.woff2') format('woff2'),
        url('Roboto-Light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body {
    font-family:Roboto;
    font-weight: 300;
    margin:0px;
    padding:0px;
    }

    .btnAdd{
        border-radius: 1px;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        font-weight:700;
        margin:2px;
        padding:20px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-decoration: none;
        transition: .3s background-color;
        cursor: pointer;
        background-color:#495057;
        border-width: 1px;
        border-style: solid;
        border-color:#666;
        text-align:center;
        -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
        -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
        box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
        }
        .btnAdd:hover{
        background: #ddd;
        color:#000;
        border-color:#333;
        }  
        .barraTop{
            width:calc(100% - 70px);
            text-align:center; 
            position:absolute; 
            top:0px;
            margin-left:50px; 
            padding:10px; 
            font-size:24px;
        }