@import url('https://fonts.googleapis.com/css?family=Baloo+2|PT+Sans|Tajawal&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900');
@font-face {
    font-family: 'majalla';
    src: url('../fonts/majalla.ttf') format('truetype');
}
@font-face {
    font-family: 'majallab';
    src: url('../fonts/majallab.ttf') format('truetype');
}
@media screen{
    body {
        font-family: 'Tajawal', sans-serif;
        font-size: large;
    }


    input{
        font-size:inherit !important;
    }

    textarea {
        font-size: inherit !important;
    }

    select {
        font-size: inherit !important;
    }
}
@media print{
    #print-div {
        direction:ltr;
        font-family: majalla;
        background-color: white;
    }
    .content {
        height: 100%;
        padding: 50px;
        direction: ltr;
        background-color: white;
        font-family: 'Tajawal';
    }

    h1 {
        font-size: 4rem;
        font-weight: bolder;
    }

    h3 {
        font-size: 2.5rem;
    }

    h4 {
        font-size: 2rem;
        font-weight: bolder;
        margin-bottom: 0;
        text-decoration: underline;
    }

    h5 ,p{
        font-size: 1.75rem;
        margin-bottom: 0;
    }

    .avatar {
        height: 170px;
    }

    #imagePreview {
        width: 150px;
        height: 150px;
        margin: auto;
    }

    .table {
        border: solid #000;
        border-width: 1px 0 0 1px;
    }

    th, td {
        border: solid #000;
        border-width: 0 1px 1px 0;
    }


}