:root {
    --green: rgb(179, 255, 167);
    --blue: rgb(158, 253, 253);
    --dark-blue: rgb(58, 141, 239);
    --white: rgb(247, 255, 236);
    --red: rgb(252, 108, 117);
    --yellow: rgb(253, 254, 150);
    --pink: rgb(253, 189, 189);
}

/*
CUSTOM SCROLLBAR for
SAFATI && CHROME
*/



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

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

::-webkit-scrollbar-thumb {
    background: var(--red);
}

::marker {

    content: '🕊  ';
    font-size: 1.5rem;
    color: var(--red);

}

a:visited {
    color: var(--red);
}




@font-face {
    font-family: 'cantata';
    src: url('fonts/Cantata_One/CantataOne-Regular.ttf');
}

@font-face {
    font-family: 'astrid';
    src: url('fonts/AstridGrotesk/AstridGrotesk-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'astrid';
    src: url('fonts/AstridGrotesk/AstridGrotesk-Light.otf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'astrid';
    src: url('fonts/AstridGrotesk/AstridGrotesk-Medium.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'astrid';
    src: url('fonts/AstridGrotesk/AstridGrotesk-Bold.otf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'astrid';
    src: url('fonts/AstridGrotesk/AstridGrotesk-Heavy.otf');
    font-weight: 900;
    font-style: normal;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
     supported by Chrome, Edge, Opera and Firefox */
}

* {
    box-sizing: border-box;
    /* CUSTOM SCROLL BAR FIREFOX */
    scrollbar-color: var(--red) transparent;
    scrollbar-width: thin;
}

html {
    font-size: 100%;
    /* cursor: url('cursors/arrow.png'), auto; */
}

body {
    font-family: 'cantata', serif;
    font-weight: 100;
    margin: 0px;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/radial-gradient() */
    /* background: radial-gradient(closest-side, var(--red), var(--blue), var(--white)); */
    height: 100vh;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* div, p {
    cursor: url('cursors/arrow.png'), auto;
} */

.circular_text {
    font-family: 'cantata', 'Times New Roman', Times, serif;
    text-align: center;
    display: inline-block;
    color: var(--red);
}

.circular_text p {
    text-shadow: var(--blue) 1px 1px 3px;
    pointer-events: none;
}