.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/*fontovi*/
@font-face {
    font-family: 'Trianglecut';
    src: url('../fonts/Trianglecut.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Linecut';
    src: url('../fonts/Linecut.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'NormalPS';
    src: url('../fonts/NormalPS.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BoldPS';
    src: url('../fonts/BoldPS.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TextBoldItalicPS';
    src: url('../fonts/TextBoldItalicPS.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'TextBoldPS';
    src: url('../fonts/TextBoldPS.otf') format('opentype');
    font-display: swap;
}
/*fontovi*/


html {
    min-height: 100%;
    overflow-x: hidden !important;
}

body {
    font-family: Trianglecut;
    transition: background 0.8s, color 0.3s;
    color: black;
    overflow-x: hidden !important;
    width: 100% !important;
    height: 100% !important;
}

.dark-mode {
    background: #121212;
    color: #ffffff;
}

.checkbox:checked ~ .slider {
    background-color: var(--light);
}

    .checkbox:checked ~ .slider::before {
        background-color: var(--dark);
    }


.btnswitch {
zoom:50%;
}


.container0 {
margin-left:0 !important;
margin-right: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}

.container10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.container20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.container30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.container40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.container50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.container100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
    padding-right: 100px !important;
    padding-left: 100px !important;
}

.container150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
    padding-right: 150px !important;
    padding-left: 150px !important;
}

.container200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
    padding-right: 200px !important;
    padding-left: 200px !important;
}


/* SCROLLBAR */

::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: transparent;
}

    ::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }