* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    scrollbar-width: auto;
    scrollbar-color: #f1b84b #212122;
    /*cursor: none!important*/
}

html {
    scroll-behavior: smooth
}

body,html {
    overflow-x: hidden
}

ol,ul {
    list-style: none
}

a {
    text-decoration: none
}


.outlined--white {
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff
}

.outlined--black {
    -webkit-text-stroke: 2px #212122;
    text-stroke: 2px #212122
}

/* Links */

.link--underline {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1;
    font-weight: 500;
    color: #212122
}

.link--underline:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 0;
    background: #212122;
    left: 0;
    bottom: 0;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.link--underline:focus:after,.link--underline:hover:after {
    width: 100%
}

.link--brackets {
    position: relative
}

.link--brackets:not(.current) {
    left: -5px
}

.link--brackets:after,.link--brackets:before {
    position: relative;
    top: -1px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.link--brackets:before {
    content: '['
}

.link--brackets:after {
    content: ']'
}

.link--brackets.current,.link--brackets:focus,.link--brackets:hover {
    left: 0
}

.link--brackets.current:after,.link--brackets.current:before,.link--brackets:focus:after,.link--brackets:focus:before,.link--brackets:hover:after,.link--brackets:hover:before {
    visibility: visible;
    opacity: 1
}

.link--brackets.current:before,.link--brackets:focus:before,.link--brackets:hover:before {
    padding-right: 2px
}

.link--brackets.current:after,.link--brackets:focus:after,.link--brackets:hover:after {
    padding-left: 2px
}

/* Links end */

.linebreak {
    display: block
}


/* rotate shap */
.rotate {
    -webkit-animation: 4s linear infinite rotating;
    animation: 4s linear infinite rotating;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}