html {
    scroll-behavior: smooth;
}

body {
    font-family: Roboto, sans-serif;
}
@font-face {
    font-family: Roboto;
    src: url("fonts/Roboto/Roboto-Medium.ttf");
}

@font-face {
    font-family: Poppins_SemiBold;
    src: url("fonts/Poppins/Poppins-SemiBold.ttf");
}

@font-face {
    font-family: Poppins-Bold;
    src: url("fonts/Poppins/Poppins-Bold.ttf");
}

@font-face {
    font-family: Poppins-Medium;
    src: url("fonts/Poppins/Poppins-Medium.ttf");
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url("fonts/Poppins/Poppins-SemiBold.ttf");
}

@font-face {
    font-family: Poppins-Regular;
    src: url("fonts/Poppins/Poppins-Regular.ttf");
}

@font-face {
    font-family: Raleway-Bold;
    src: url("fonts/Raleway/Raleway-Bold.ttf");
}
@font-face {
    font-family: Raleway-Medium;
    src: url("fonts/Raleway/Raleway-Medium.ttf");
}