@font-face {
    font-family: 'Hacen';
    src: url('/Hacen Maghreb.ttf') format('truetype'); /* Safari, Android, iOS */
}
html, body {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color:#02A1A2;
    font-family: 'Hacen','Helvetica Neue', Helvetica, Arial, sans-serif;
    min-width: 100%;
    min-height: 100%;
    display: flex;
    direction: rtl;
}

.main-container {
    display: flex;
    flex-grow: 1;
    Margin: 0 auto !important;
    /* makes it centered */
    max-width: 680px;
    padding: 0px;
    width: 680px;
}

.main-content {
    box-sizing: border-box;
    display: block;
    /*Margin: 0 auto;*/
    max-width: 680px;
    width: 100%;
    padding: 0px;
}

.main {
    background-color: #02A1A2;
    display: flex;
    padding: 0px;
    width: 100%;
    align-content: center;
    text-align: center;
    min-height: 100%;
}

