:root
{ 
/** Color **/
--color--gold:#ffd700;
--color--white:#FFFFFF;
--color--red:#FF1A1A;
--color--orange:#f7b500;
/** Box **/
--box--background:linear-gradient(-45deg, #D9E6EA 25%, #E8F0F2 25%, #E8F0F2 50%, #D9E6EA 50%, #D9E6EA 75%, #E8F0F2 75%, #E8F0F2 100%);
--box--background--size:10.10px 10.10px;
--box--border:rgba(0,0,0,0.2);
--box--border--radius:10px;
--box--shadow:rgba(0, 0, 0, 0.20) 0px 1px 4px;
--box--title--shadow:2px 2px 3px rgba(255,255,255,0.1);
--box--title--color:#5063B9;
--box--title--font:'poppins';
--box--title--icon--background:#5063B9;
--box--title--icon--color:#E8F0F2;
--box--title--icon--border--radius:50% 50% 10px 50%;
--box--title--size:22px;
--box--item--inner--background:#FFFFFF;
--box--item--inner--background--hover:#F4F4F2;
--box--item--inner--border:rgba(0,0,0,0.2);
--box--item--inner--border--radius:5px;
--box--item--inner--shadow:rgba(0, 0, 0, 0.20) 0px 1px 4px;
/** Menu **/
--menu--font:'UbuntuCondensed';
--menu--font--size:16px;
--menu--font--weight:600;
--menu--color:#853BB0;
--menu--color--selected:#853BB0;
--menu--color--hover:#FFFFFF;
--menu--color--shadow:1px 1px 2px rgba(0,0,0,0.2);
--menu--background:transparent;
--menu--background--hover:#853BB0;
--menu--background--swirl:linear-gradient(-45deg,#D3B3E6 25%,#DEC6EC 25%,#DEC6EC 50%,#D3B3E6 50%,#D3B3E6 75%,#DEC6EC 75%,#DEC6EC 100%);
--menu--background--swirl--size:10.10px 10.10px;
/** Games **/
--games--box--background:linear-gradient(-45deg, #D9E6EA 25%, #E8F0F2 25%, #E8F0F2 50%, #D9E6EA 50%, #D9E6EA 75%, #E8F0F2 75%, #E8F0F2 100%);
--games--box--background--size:10.10px 10.10px;
--games--box--border:rgba(0,0,0,0.2);
--games--box--border--radius:10px;
--games--box--shadow:rgba(0, 0, 0, 0.20) 0px 1px 4px;
--games--box-title--shadow:2px 2px 3px rgba(255,255,255,0.1);
--games--box--title--color:#5063B9;
--games--box--title--font:'poppins';
--games--box--title--icon--background:#5063B9;
--games--box--title--icon--color:#E8F0F2;
--games--box--title--icon--border--radius:50% 50% 10px 50%;
--games--box--title--size:22px;
--games--box--item--inner--background:#FFFFFF;
--games--box--item--inner--background--hover:#F4F4F2;
--games--box--item--inner--border:rgba(0,0,0,0.2);
--games--box--item--inner--border--radius:0px 5px 5px 0px;
--games--box--item--inner--shadow:rgba(0, 0, 0, 0.20) 0px 1px 4px;
--games--box--item--avatar--border--radius:5px 0px 0px 5px;
--games--box--item--taskbar--background:#C1D7DC;
--games--box--item--taskbar--color:#538693;
--games--box--item--taskbar--hover--background:#FFFFFF;
--games--box--item--taskbar--hover--color:#737373;



--glass:rgba(0,0,0,0.3);

--indicate--background:#E8F0F2;
--indicate--color:#508391;




--color--unseen:#000000;
--color--seen:#71C144;
--color--mute:#919191;
--color--stand:#E9F4FE;
--color--menu:#F2F2F2;
--color--menu--hover:#FFFFFF;
--background--image:url('[https://www.hncdn.nl/photos/2021/04/09/f31194b0c1fdd97b8c0ee1731421320f.png');
--background--image--autumn:url('https://www.hncdn.nl/photos/2020/11/12/44542e060825d98a6360370be2f6e111.png');
--background--image--halloween:url('[https://www.hncdn.nl/photos/2020/10/03/8bf8b55932e4d3cd391169b4619e65ea.png');
--background--image--spring:url('[https://www.hncdn.nl/photos/2023/06/11/903c4d98af95f2c4dc3fbc9858ade426.jpeg');
--background--image--summer:https://www.hncdn.nl/photos/2018/01/08/1372a627cbf6b48b4c5cc3845f8ac71d.jpeg';
--background--image--winter:'[https://www.hncdn.nl/photos/2021/04/09/f31194b0c1fdd97b8c0ee1731421320f.png';
--background--swirl:linear-gradient(-45deg,#D3B3E6 25%,#DEC6EC 25%,#DEC6EC 50%,#D3B3E6 50%,#D3B3E6 75%,#DEC6EC 75%,#DEC6EC 100%);
--background--menu:#9E57C7;
--background--menu--swirl:linear-gradient(-45deg,#D3B3E6 25%,#DEC6EC 25%,#DEC6EC 50%,#D3B3E6 50%,#D3B3E6 75%,#DEC6EC 75%,#DEC6EC 100%);
--background--glass:rgba(0,0,0,0.3);
--background--box:#D9E6EA;
--background--box--image:linear-gradient(-45deg, #D9E6EA 25%, #E8F0F2 25%, #E8F0F2 50%, #D9E6EA 50%, #D9E6EA 75%, #E8F0F2 75%, #E8F0F2 100%);
--background--box--size:10.10px 10.10px;
--font:'poppins';
--font--bold:'poppins--bold';
--font--h1:'poppins';
--font--box:'poppins';
--font--title--h1:'poppins';
--font--title--h2:'poppins';
--font--title--h3:'poppins';
--font--title--h4:'poppins';
--font--title--h5:'poppins';
--font--title--h6:'poppins';
--font--logo:'pacifico';
--font--menu:'UbuntuCondensed'; /* ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace */
--font--poll:'"Lucida Console", "Courier New", monospace';
--font--mention:tahoma;
--font--search:'poppins';
--font--button:'Amaranth';
--font--form:'Tahoma, sans-serif'; 
--size:16px;
--size--logo:34px;
--size--menu:18px;
--size--menu--hover:20px;
--size--h1:22px;
--size--h2:20px;
--size--h3:18px;
--size--h4:16px;
--size--h5:14px;
--size--h6:12px;
--size--box:16px;
--size--box--h1:22px;
--size--box--h2:20px;
--size--box--h3:18px;
--size--box--h4:16px;
--size--box--h5:14px;
--size--box--h6:12px;
--size--title--h1:22px;
--size--title--h2:20px;
--size--title--h3:18px;
--size--title--h4:16px;
--size--title--h5:14px;
--size--title--h6:12px;
--size--form:18px;
--size--button:18px; 
--border:rgba(0,0,0,0.1);
--border--edge:rgba(0,0,0,0.2);
--shadow:rgba(0, 0, 0, 0.20) 0px 1px 4px;
--shadow_hover:rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
--shadow--inner:inset 0px 0px 10px rgba(0,0,0,0.1);
--shadow--text:0 0 2px rgba(0,0,0,0.5);
--shadow--avatar:rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
 
 
 

	
	
	
 --transition:all 0.20s linear;
 
 ----shadow:rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;


 --after:rgba(0,0,0,0.2);
 --background--box:linear-gradient(-45deg, #D9E6EA 25%, #E8F0F2 25%, #E8F0F2 50%, #D9E6EA 50%, #D9E6EA 75%, #E8F0F2 75%, #E8F0F2 100%);
 --background--box--size:10.10px 10.10px;
 --background--box-size:10.10px 10.10px;
 
 
 --background--circle:radial-gradient(circle,#BFBFBF,#ADADAD);
 --background--lines:repeating-linear-gradient(-45deg,#D1D1D1,#D1D1D1 10px,#B8B8B8 10px,#B8B8B8 20px);
 --background--lines:repeating-linear-gradient(-45deg,#BCDDF5,#BCDDF5 15px,#EAF4FD 15px,#EAF4FD 35px);
 --background--popup:repeating-linear-gradient(-45deg,#888888,#888888 15px,#444444 15px,#444444 35px);
 --color--gray:#D4D4D4;
 --color--orange:#F58D25;
 --color--green:#42B355;
 --color--dimmed:#CCCCCC;
 --color--icon:#F58D25;
 
 
 --menu--selected--background:#BBCAE9;
 --menu--selected--color:#2F4FA1;
 --menu--selected--icon--background:#2F4FA1;
 --menu--selected--icon--color:#BBCAE9;
 ------background:repeating-linear-gradient(45deg,#DEDEDE,#DEDEDE 10px,#EBEBEB 10px,#EBEBEB 20px);
 ----background:radial-gradient(circle,#707070,#575757);
 --clear:"height:0;line-height:0;clear:both;display:block;visibility:hidden;content:'.';";
 --scrollbar-background:#F7B900;
 --scrollbar-color:#755800;
 --snoeten-color:#3BA04C;
 --snoeten-color-light:#57C169;
 --snoeten-background-after:rgba(0,0,0,0.3);
 --borderColor:rgba(0,0,0,0.2);
 --colorSnoeten:#3EA64F;
 --snoetenColor:#3EA64F; 
--shadow--menu:rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;

  --shadow--popup:rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

@-webkit-keyframes Rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes Rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes Rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes Rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes fave-heart {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2800px 0;
  }
}

[data-class='left'], .left, .float_left
{float:left;}
[data-class='center'], .center, .float_center, .align_center
{text-align:center;}
[data-class='right'], .right, .float_right
{float:right;}
[data-margin="left"]
{margin:0px 0px 0px 10px;}
[data-margin="right"]
{margin:0px 10px 0px 0px;}
nav
{}
nav[data-css="left"]
{float:left;}
nav[data-css="right"]
{float:right;}
.hidden
{display:none;}
.max_height_300
{max-height:300px;overflow-y:auto;}