html{
    scroll-behavior: smooth;
}

body{
    margin: 0;
    padding: 0;

    background-color: #0c0c0c;
    color: #fff;
    overflow-x: hidden;
}
*{
    margin: 0;
}

.page-content{
    padding-top: 100px;

    display: flex;
    flex-direction: column;
    align-items: center;
}
@media(max-width: 800px){
    .page-content{
        padding-top: 70px;
    }
}
@media(max-width: 600px){
    .page-content{
        padding-top: 50px;
    }
}

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

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

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

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

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

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

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

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