/*---------------------------------------------------------------------------------------------------------------------------------------*/
:root {
  --small_text: #d4d9ff7c;
  --default_text: #ffffff; 
  --text_shadow: #5e5bff;
  --white_text: #ffff;
  --medium_text: #edf2ff;
  --big_text: rgb(92, 97, 187);
  --h3_text: #ffb1fe;
    --sub_text: #52519a;

  --in_border: #fac5ff;
  --out_border: #818dd1;
  --out_border-clear: #bcc2ff94;
  --bg_color: linear-gradient(
    180deg,
    rgb(36, 40, 122),
    rgb(63, 69, 177) 30%,
    rgba(183, 177, 242, 1) 70%,
    rgba(255, 168, 230, 1) 90%,
    rgba(255, 220, 204, 1) 100%
  );

  --main_color: linear-gradient(
    15deg,
    rgba(99, 156, 231, 0.6) 15%,
    rgba(206, 176, 255, 0.7) 80%,
    rgba(255, 173, 232, 0.8) 100%
  );

  --main_color-solid: linear-gradient(
    135deg,
    rgb(255, 173, 232) 0%,
    rgb(206, 176, 255) 30%,
    rgb(120, 160, 236) 70%
  );

  --taskBarGradient: linear-gradient(
    45deg,
    rgba(255, 173, 232) 15%,
    rgb(216, 192, 255) 50%,
    rgb(99, 211, 231) 100% 
  );

  --button_gradient: linear-gradient( 
    180deg, 
    rgb(255, 224, 246) 25%,
    /* rgb(216, 192, 255) 40%, */
    rgb(165, 228, 239) 100% 
  ); 

  --button_clicked: linear-gradient( 
    195deg,
    rgba(99, 156, 231, 0.6) 15%,
    rgba(206, 176, 255, 0.7) 80%,
    rgba(255, 173, 232, 0.8) 100%
  ); 

  
/* --button_gradient:radial-gradient(circle,
  rgba(238, 174, 202, 1) 50%, 
  rgba(148, 187, 233, 1) 100%); */

  --link: #b9d4ff;
  --color: #ffa3a300;

  --defaultSize: 1.25em;
  --subSize: 15px;
  --medSize: 20px;
  --bigSize: 2em;
 
  --min-width: 100px;
  --min-height: 200px;

  --default-width:45vw; 
  --default-height:60vh;

  --vert-padding: 0px;
}