JustalK/PORTFOLIO

@LAYER-COUCHE--2: 1;
@LAYER-COUCHE--1: 2;
@LAYER-COUCHE-1: 3;
@LAYER-COUCHE-2: 4;
@LAYER-ANIMATION: 5;
@LAYER-SURANIMATION: 6;
 
@background-color: #111116;
@background-color-transition-d: lighten(#111116,3%);
@background-color-transition-l: lighten(#111116,6%);
@background-transparent: fade(#009bfa,50);
@background-transparent-title: fade(#009bfa,30);
@background-transparent-d: fade(#009bfa,10);
@background-transparent-opaque: #0d1b29;
@background-shadow: #000;
@background-arrow-slider: #20a8fd;
@background-text-animation: #0a2234;
@text-color: #61C3FF;
@text-color-h2: #1d1d23;
@text-color-h2-lighter: #383840;
@text-color-white: #FFF;
@text-color-less-dark:  darken(@text-color, 20%);
@text-color-before-dark:  darken(@text-color, 40%);
@text-color-dark:  fade(#003c61,40);
@text-color-light:  lighten(@text-color, 5%);
@nav-color-right: linear-gradient(to right, @background-color 20%, @text-color-less-dark 80%);
@nav-color-left: linear-gradient(to left, @background-color 20%, @text-color-less-dark 80%);
@title-color-gradient: linear-gradient(to right, @text-color, @text-color-before-dark, @text-color);
 
@font-name-1: 'Lato-Light-I';
 
@BACK_BLOCKS_DISTANCE: 4px;
@background-bloc-0: @text-color;
@background-bloc-1: darken(@text-color, 20%);
@background-bloc-2: darken(@text-color, 40%);
@background-bloc-3: darken(@text-color, 60%);
 
@SCREEN_2200: 2200px;
@SCREEN_1800: 1800px;
@SCREEN_1600: 1600px;
@SCREEN_1500: 1500px;
@SCREEN_1400: 1400px;
@SCREEN_1200: 1200px;
@SCREEN_1100: 1100px;
@SCREEN_1100: 1000px;
@SCREEN_900: 900px;
@TABLET: 768px;
@MOBILE: 425px;
@SMALL_MOBILE: 375px;