@use './top-menu.scss';
@use './banner.scss';
@use './carousel.scss';
@use './services.scss';
@use './about.scss';
@use './portfolio.scss';

* {
    box-sizing: border-box;
    font-family: "Mulish", sans-serif;
}
:root {
    --main-text-color: #E9E9E9;
    --bs-body-bg:#212121;
}
.block {
    &-arrow {
        position: relative;
        top:-30px;
        width: 100%;
        height: 20px;
        text-align: center;
        background: {
            image: url(../assets/arrow.svg);
            repeat: no-repeat;
            position: center;
        }
    }
}
.arrow-down {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
}
