html,
body {
    background-color: rgb(239, 239, 239);
    color: #1d1c1b;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #404040;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 0 6px #141414;
    transition: 0.2s;
}

::-webkit-scrollbar-thumb {
    background-color: #1d1c1b;
    cursor: pointer;
    transition: 0.2s;
}

    ::-webkit-scrollbar-thumb:hover {
        transition: 0.2s;
        background-color: #141414;
    }

.btn-Features {
    color: #FFFFFF;
    border-style: none;
    border-radius: 100px;
    background-color: transparent;
    transition: 0.2s;
    margin: 24px;
}

    .btn-Features i {
        font-size: 64px;
        transition: 0.2s;
        display: block;
    }

    .btn-Features:hover {
        text-shadow: 0px 0px 16px #008ecc88;
        color: #b5dff5;
    }

/*.neo-down-animation .col-showroom {
    text-shadow: 0px 0px 16px #06933088;
    color: #3aba15;
}

.neo-down-animation .col-projects {
    text-shadow: 0px 0px 16px #008ecc88;
    color: #0aa2ef;
}

.neo-down-animation .col-dev {
    text-shadow: 0px 0px 16px #8255b688;
    color: #8e29ff;
}

.neo-down-animation .col-contact {
    text-shadow: 0px 0px 16px #bb2e0088;
    color: #cb3f0a;
}*/

/*#region neo*/
/*.neo-up-box {
    box-shadow: -4px -4px 16px #404040, 5px 5px 20px #141414, 5px 5px 24px #141414;
}

.neo-up-text {
    text-shadow: -4px -4px 16px #404040, 5px 5px 20px #141414, 5px 5px 24px #141414;
}

.neo-down-box {
    box-shadow: inset -2px -2px 4px #40404088, inset 8px 8px 10px #14141488;
}

.neo-down-animation {
    animation-duration: 1s;
    animation-name: clickOnButton;
}*/
/*
@keyframes clickOnButton {
    0% {
        box-shadow: -4px -4px 16px #404040, 5px 5px 20px #141414, 5px 5px 24px #141414;
    }

    5% {
        box-shadow: 0px 0px 0px #404040, 0px 0px 0px #141414, 0px 0px 0px #141414;
    }

    5.1% {
        box-shadow: inset 0px 0px 0px #40404088, inset 0px 0px 0px #14141488;
    }

    10% {
        box-shadow: inset -2px -2px 4px #40404088, inset 8px 8px 10px #14141488;
    }

    100% {
        box-shadow: inset -2px -2px 4px #40404088, inset 8px 8px 10px #14141488;
    }
}

.neo-up-box-sm {
    box-shadow: -1px -1px 4px #484848, 2.5px 2.5px 8px #141414, 2.5px 2.5px 10px #141414;
}

.neo-up-box-sm-light {
    box-shadow: -1px -1px 3px #585858, 2.5px 2.5px 8px #141414, 2px 2px 8px #141414;
}

.neo-up-text-sm {
    text-shadow: -1px -1px 4px #484848, 2.5px 2.5px 8px #141414, 2.5px 2.5px 10px #141414;
}

.neo-down-box-sm {
    box-shadow: inset -1px -1px 2px #40404088, inset 4px 4px 5px #14141488;
}

.neo-down-animation-sm {
    animation-duration: 1s;
    animation-name: clickOnButton-sm;
}

@keyframes clickOnButton-sm {
    0% {
        box-shadow: -2px -2px 8px #404040, 2.5px 2.5px 10px #141414, 2.5px 2.5px 12px #141414;
    }

    5% {
        box-shadow: 0px 0px 0px #404040, 0px 0px 0px #141414, 0px 0px 0px #141414;
    }

    5.1% {
        box-shadow: inset 0px 0px 0px #40404088, inset 0px 0px 0px #14141488;
    }

    10% {
        box-shadow: inset -1px -1px 2px #40404088, inset 4px 4px 8px #14141488;
    }

    100% {
        box-shadow: inset -1px -1px 2px #40404088, inset 4px 4px 8px #14141488;
    }
}*/
/*#endregion*/

/*#region contact modal*/
.contactsModal {
    background-color: rgb(239, 239, 239);
    color: #1d1c1b;
    border-radius: 10px;
    border-style: none;
}

/*.modal {
    background-color: #272727;
}*/

.modal-header {
    border-bottom: 1px #1d1c1c solid;
}

.modal-body {
    padding: 32px;
}

.IDface {
    width: 180px;
    height: 180px;
    margin: 32px;
    border-radius: 90px;
    border: 4px solid #141414;
    box-shadow: -8px -8px 16px #404040, 6px 8px 20px #141414, 8px 8px 20px #141414, 8px 4px 20px #141414, 8px 2px 20px #141414;
}

.btn-contact {
    border-radius: 10px;
    color: #adadad;
    border-style: none;
    border-radius: 21px;
    background-color: #272727;
    padding: 8px;
    padding-left: 16px;
    padding-right: 16px;
    margin: 16px;
}

.cvColor {
    color: #b30b00;
}

.btn-contact:hover .cvColor {
    color: #b53038;
    text-shadow: 0px 0px 3px #b30b00;
}

.telColor {
    color: #26dd16;
}

.btn-contact:hover .telColor {
    color: #53de47;
    text-shadow: 0px 0px 3px #26dd16;
}

.mailColor {
    color: #f14336;
}

.btn-contact:hover .mailColor {
    color: #ed584d;
    text-shadow: 0px 0px 3px #f14336;
}

.contactColor {
    color: #c13500;
}

.btn-contact-close {
    border-style: none;
    color: #c13500;
    border-radius: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #e3dbdb;
    transition: 0.1s;
}

    .btn-contact-close:hover {
        text-shadow: 0px 0px 6px #e3dbdb;
        color: #e0734a;
    }

/*#endregion*/