@font-face {
    src: url(font_links/BAHNSCHRIFT.TTF);
    font-family: Bahnschrift;
    font-weight: 100;
}

@font-face {
    src: url(font_links/Poppins-Thin.ttf);
    font-family: Poppins;
    font-weight: 100;
}

@font-face {
    src: url(font_links/Poppins-ExtraLight.ttf);
    font-family: Poppins;
    font-weight: 200;
}

@font-face {
    src: url(font_links/Poppins-Light.ttf);
    font-family: Poppins;
    font-weight: 300;
}

@font-face {
    src: url(Poppins-Regular.ttf);
    font-family: Poppins;
    font-weight: 400;
}

@font-face {
    src: url(Poppins-Medium.ttf);
    font-family: Poppins;
    font-weight: 500;
}

@font-face {
    src: url(Poppins-SemiBold.ttf);
    font-family: Poppins;
    font-weight: 600;
}

@font-face {
    src: url(Poppins-Bold.ttf);
    font-family: Poppins;
    font-weight: 700;
}

@font-face {
    src: url(Poppins-ExtraBold.ttf);
    font-family: Poppins;
    font-weight: 800;
}

@font-face {
    src: url(Poppins-Black.ttf);
    font-family: Poppins;
    font-weight: 900;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins';
    background-color: rgba(171, 171, 171, 0.081);
    margin-bottom: 100px;
}

.mb_cntnr{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub_cntnr{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#stp_btn{
    position: fixed;
    bottom: 20px;
    right: 300px;
    height: 50px;
    cursor: pointer;
    transition: .2s;
    animation: fade .2s;
}

#stp_btn:hover{
    transform: scale(1.1);
}

html{
    scroll-behavior: smooth;
}