@font-face {
    font-family: 'sf-pro-display-semibold';
    src: url(/assets/fonts/pro-display/SF-Pro-Display-Semibold.otf);
    font-weight: 600;
}

@font-face {
    font-family: 'sf-pro-display-medium';
    src: url(/assets/fonts/pro-display/SF-Pro-Display-Medium.otf);
    font-weight: 500;
}

@font-face {
    font-family: 'sf-pro-display-regular';
    src: url(/assets/fonts/pro-display/SF-Pro-Display-Regular.otf);
    font-weight: 600;
}

@font-face {
    font-family: 'sf-pro-display-light';
    src: url(/assets/fonts/pro-display/SF-Pro-Display-Light.otf);
    font-weight: 300;
}

@font-face {
    font-family: 'sf-pro-display-ultralight';
    src: url(/assets/fonts/pro-display/SF-Pro-Display-Ultralight.otf);
    font-weight: 200;
}

@font-face {
    font-family: 'Better';
    src: url(/assets/fonts/better.ttf);
    font-weight: 100;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}