@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.font-oswald{
    font-family: "Oswald", sans-serif;
}

.font-roboto{
    font-family: "Roboto", sans-serif;
}

body{
    font-family: "Roboto", sans-serif;;
}

html{
    scroll-behavior: smooth;
}

.box-shadow{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.bg-container {
    width: 100%;
    height: 100%;
    /* Add your background pattern here */
    background: rgba(29, 31, 32, 0.904) radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 1%);
    background-size: 11px 11px;
}

.text-shadow{
    text-shadow: #000 1px 0 5px;
}

.white-text {
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    color: #000;
}

.black-text {
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    color: #fff;
}

.spacing-container{
    padding-top: 100px;
}


@media screen and (max-width: 992px){
    .spacing-container{
        padding-top: 85px;
    }
}