@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova_Light.ttf') format('truetype'),
         url('fonts/ProximaNova_Light.woff') format('woff'),
         url('fonts/ProximaNova_Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova_Regular.ttf') format('truetype'),
        url('fonts/ProximaNova_Regular.woff') format('woff'),
        url('fonts/ProximaNova_Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova_Semibold.ttf') format('truetype'),
        url('fonts/ProximaNova_Semibold.woff') format('woff'),
        url('fonts/ProximaNova_Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova_Bold.ttf') format('truetype'),
        url('fonts/ProximaNova_Bold.woff') format('woff'),
        url('fonts/ProximaNova_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

body {
    margin: 0;
    padding: 30px;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #ebf2f7;
    display: flex;
    justify-content: center;
}

.page-container {
    display: flex;
    width: 100%;
    max-width: 1170px;
}