/*! ------------------------------------------------
 * Project Name: Nicol Colga portfolio
 * Project Description: The vwry annoying template of my webiste 
/*! File name: loader.css
 * ------------------------------------------------
 *
 * ------------------------------------------------
 * Table of Contents
 * ------------------------------------------------
 *  01. Loader Styles
 * ------------------------------------------------
 * Table of Contents End
 * ------------------------------------------------ 

 * ------------------------------------------------
 * Color used on the webiste 
 * ------------------------------------------------ */.loader,.loader__wrapper{background:var(--base);align-items:center}.loader__count,.loader__wrapper{color:var(--t-bright);display:flex}:root{--_size:1.6rem;--_font-default:"Nunito",sans-serif;--_font-accent:"Nunito",sans-serif;--_radius:2rem;--_radius-s:1rem;--_animspeed-fast:0.1s;--_animspeed-medium:0.3s;--_animspeed-slow:0.6s;--_animbezier:cubic-bezier(0.23, 0.65, 0.74, 1.09);--base--light:#C0F64D;--base-rgb--light:192,246,77;--base-shade--light:#86ac36;--base-tint--light:#e6fbb8;--stroke-controls--light:#2D2248;--stroke-elements--light:#2D2248;--font-weight-base--light:400;--font-weight-medium--light:600;--t-bright--light:#2D2248;--t-medium--light:#2D2248;--t-muted--light:#4b3978;--t-muted--light-in:#f2fddb;--t-opp-bright--light:#f2fddb;--t-opp-medium--light:#cdf871;--t-opp-muted--light:#4b3978;--neutral-bright--light:#2D2248;--base--dark:#2d2248;--base-rgb--dark:45,34,72;--base-shade--dark:#0f0b18;--base-tint--dark:#cab9f8;--stroke-controls--dark:#e6fbb8;--stroke-elements--dark:#d9fa94;--font-weight-base--dark:300;--font-weight-medium--dark:500;--t-bright--dark:#e6fbb8;--t-medium--dark:#cab9f8;--t-muted--dark:#f2fddb;--t-muted--dark-in:#4b3978;--t-opp-bright--dark:#0f0b18;--t-opp-medium--dark:#1e1730;--t-opp-muted--dark:#f2fddb;--neutral-bright--dark:#e6fbb8;--per-base:#141414;--t-per-bright-light:#F2FDDB;--t-per-medium-light:#d3f982;--t-per-muted-light:#2d2248;--t-per-bright-dark:#594490;--t-per-medium-dark:#0f0b18;--t-per-muted-dark:#4b3978;--per-stroke-controls:#F2FDDB;--per-stroke-elements:#2d2248;--neutral-white:#f9feed;--neutral-black:#040307;--neutral-gray:#e6fbb8;--neutral-gray-dark:#26310f}@media (prefers-color-scheme:light){:root{--base:var(--base--light);--base-rgb:var(--base-rgb--light);--base-shade:var(--base-shade--light);--base-tint:var(--base-tint--light);--stroke-controls:var(--stroke-controls--light);--stroke-elements:var(--stroke-elements--light);--font-weight-base:var(--font-weight-base--light);--font-weight-medium:var(--font-weight-medium--light);--t-bright:var(--t-bright--light);--t-medium:var(--t-medium--light);--t-muted:var(--t-muted--light);--t-muted-in:var(--t-muted--light-in);--t-opp-bright:var(--t-opp-bright--light);--t-opp-medium:var(--t-opp-medium--light);--t-opp-muted:var(--t-opp-muted--light);--neutral-bright:var(--neutral-bright--light)}}@media (prefers-color-scheme:dark){:root{--base:var(--base--dark);--base-rgb:var(--base-rgb--dark);--base-shade:var(--base-shade--dark);--base-tint:var(--base-tint--dark);--stroke-controls:var(--stroke-controls--dark);--stroke-elements:var(--stroke-elements--dark);--font-weight-base:var(--font-weight-base--dark);--font-weight-medium:var(--font-weight-medium--dark);--t-bright:var(--t-bright--dark);--t-medium:var(--t-medium--dark);--t-muted:var(--t-muted--dark);--t-muted-in:var(--t-muted--dark-in);--t-opp-bright:var(--t-opp-bright--dark);--t-opp-medium:var(--t-opp-medium--dark);--t-opp-muted:var(--t-opp-muted--dark);--neutral-bright:var(--neutral-bright--dark)}}.loader{top:0;right:0;bottom:0;left:0;z-index:10;justify-content:center;opacity:1;visibility:visible;transition:opacity .5s ease-out,visibility .5s ease-out;will-change:opacity}.loader__wrapper{width:100%;height:100%;justify-content:center}.loader__content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.loader__count{align-items:baseline;line-height:1;font:normal var(--font-weight-base) 4.6rem/1 var(--_font-accent)}.loader__count span{display:inline-block}.loader__count{font-size:4.6rem}@media only screen and (min-width:768px){.loader__count{font-size:8rem}@media only screen and (min-width:1400px){.loader__count{font-size:10rem}}}.loader{display:none;position:fixed}