/* --------------------------------------- */

/* CSS Coding created by Kazami. */
/* Date of Creation: 14/05/2018 (DD/MM/YYYY) */
/* Date of Last Update: 19/07/2022 (DD/MM/YYYY) */

/* Do not steal/alter/modify any of the code within this template. */
/* If you would like to use this file, email an enquiry to kazamirpc@gmail.com */

/* CSS: Crediting and Structure */

/* --------------------------------------- */

/* ------------- Scroll Bar ------------- */

::-webkit-scrollbar {
    background: #3333;
    width: 0.15625vw;
}

::-webkit-scrollbar-thumb {
    background: #000c
}

::selection {
    background: none;
    color: none;
}

button {
    border: none;
}

/* ------------ Text Format ------------- */

.bold {
    font-weight: bold;
}

.italic {
    font-weight: italic;
}

/* ---------- Text Positioning ----------- */

.center {
    display: table;
    margin: auto;
    text-align: center;
}

/* -------------- Placement -------------- */

.bl,
.br,
.b {
    bottom: 0;
}

.tl,
.tr,
.t {
    top: 0;
}

.bl,
.tl,
.l,
.lr {
    left: 0;
}

.br,
.tr,
.r,
.lr {
    right: 0;
}

.c {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* ------------- Positioning ------------- */

.absolute {
    position: absolute;
    margin: auto;
}

.fixed {
    position: fixed;
    margin: auto;
}

.static {
    position: static;
    margin: auto;
}

.sticky {
    position: sticky;
    margin: auto;
}

.relative {
    position: relative;
    margin: 0 auto;
}

.inherit {
    position: inherit;
}

.center {
    display: table;
    margin: auto;
    text-align: center;
}

/* --------------- Pointer --------------- */

body {
    cursor: url(//static.kazami.org/img/cur/point.png), auto !important;
    height: 100%;
    width: 100%;
}

a {
    text-decoration: none;
    transition: opacity 0.5s ease-in-out, color 0.5s ease-in-out;
}

a:hover {
    transition: opacity 0.5s ease-in-out, color 0.5s ease-in-out;
    cursor: url(//static.kazami.org/img/cur/hand.png), auto !important;
}

/* ------------- Centerboxes ------------- */

.centerbox {
    z-index: 0;
    overflow: hidden;
}

/* -------------- Crediting -------------- */

a.credits {
    position: fixed;
    right: 0.52vw;
    bottom: 0.52vw;
    background: url(//static.kazami.org/img/sig/paws.png) bottom right/100% no-repeat;
    width: 5vh;
    height: 5vh;
    z-index: 10;
    transition: background 0.25s ease-in-out;

    &:hover {
        background: url(//static.kazami.org/img/sig/paws-hover.png) bottom right/100% no-repeat;
    }

}

/* ------------ Keyframes ------------ */

@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes rotate {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

/* ------------ Context Menu ------------ */

.cm {
    display: none;
    z-index: 5;
    overflow: hidden;
    border: 0.089vh solid #CCC;
    font-size: 0.889vh;
    white-space: nowrap;
    text-align: center;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 0px;
    transition: all 0s ease-in-out;
}

.cm li {
    padding: 0.741vh 1.111vh;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.cm li:hover {
    background-color: #70A5B8;
    transition: all 0.25s ease-in-out;
}

/* --------------------------------------- */

/* CSS Coding created by Kazami. */
/* Date of Creation: 14/05/2018 (DD/MM/YYYY) */
/* Date of Last Update: 19/07/2022 (DD/MM/YYYY) */

/* Do not steal/alter/modify any of the code within this template. */
/* If you would like to use this file, email an enquiry to kazamirpc@gmail.com */

/* CSS: Crediting and Structure */

/* --------------------------------------- */