/* See the Tailwind configuration guide for advanced usage
   https://tailwindcss.com/docs/configuration */

@import "tailwindcss" source(none);
@source "../css";
@source "../js";
@source "../../lib/personal_web";

/* A Tailwind plugin that makes "hero-#{ICON}" classes available.
   The heroicons installation itself is managed by your mix.exs */
@plugin "../vendor/heroicons";

@plugin "@tailwindcss/typography";

/* Add variants based on LiveView classes */
@custom-variant phx-click-loading (.phx-click-loading&, .phx-click-loading &);
@custom-variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &);
@custom-variant phx-change-loading (.phx-change-loading&, .phx-change-loading &);

/* Use the data attribute for dark mode  */
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));

/* Make LiveView wrapper divs transparent for layout */
[data-phx-session], [data-phx-teleported-src] { display: contents }

/* This file is for your main application CSS */

/* yes this is 100% necessary */
.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@font-face {
  font-family: 'Server Mono';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/ServerMono-Regular.otf') format('opentype');
  src: url('/assets/fonts/ServerMono-Regular.woff') format('woff');
  src: url('/assets/fonts/ServerMono-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Server Mono';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/ServerMono-Regular-Italic.otf') format('opentype');
  src: url('/assets/fonts/ServerMono-Regular-Italic.woff') format('woff');
  src: url('/assets/fonts/ServerMono-Regular-Italic.woff2') format('woff2');
}

@theme {
  --color-blurple: '#5C5CFF';
  --color-bludacris: rgb(44 180 255);
  --color-codebg: rgb(47 30 46);
  --color-cutecumber: '#20E0D6';
  --color-pink-power-ranger: '#FF5290';
  --color-smurf-blood: '#0B1A38';
  --color-nor-easter: '#F5F7FA';
  --color-grapefruit: '#FF8389';
}

body {
  font-family: 'Server Mono', monospace;
  font-size: 1rem;
}

/* Makeup */
pre {
  line-height: 1 !important;
}

.makeup .hll {background-color: #4f424c}
.makeup {color: #e7e9db; background-color: #2f1e2e}.makeup .unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.makeup .bp {color: #e7e9db; } /* :name_builtin_pseudo */
.makeup .c {color: #776e71; } /* :comment */
.makeup .c1 {color: #776e71; } /* :comment_single */
.makeup .ch {color: #776e71; } /* :comment_hashbang */
.makeup .cm {color: #776e71; } /* :comment_multiline */
.makeup .cp {color: #776e71; } /* :comment_preproc */
.makeup .cpf {color: #776e71; } /* :comment_preproc_file */
.makeup .cs {color: #776e71; } /* :comment_special */
.makeup .dl {color: #48b685; } /* :string_delimiter */
.makeup .err {color: #ef6155; } /* :error */
.makeup .fm {color: #06b6ef; } /* :name_function_magic */
.makeup .gd {color: #ef6155; } /* :generic_deleted */
.makeup .ge {font-style: italic; } /* :generic_emph */
.makeup .gh {color: #e7e9db; font-weight: bold; } /* :generic_heading */
.makeup .gi {color: #48b685; } /* :generic_inserted */
.makeup .gp {color: #776e71; font-weight: bold; } /* :generic_prompt */
.makeup .gs {font-weight: bold; } /* :generic_strong */
.makeup .gu {color: #5bc4bf; font-weight: bold; } /* :generic_subheading */
.makeup .il {color: #f99b15; } /* :number_integer_long */
.makeup .k {color: #815ba4; } /* :keyword */
.makeup .kc {color: #815ba4; } /* :keyword_constant */
.makeup .kd {color: #815ba4; } /* :keyword_declaration */
.makeup .kn {color: #5bc4bf; } /* :keyword_namespace */
.makeup .kp {color: #815ba4; } /* :keyword_pseudo */
.makeup .kr {color: #815ba4; } /* :keyword_reserved */
.makeup .kt {color: #fec418; } /* :keyword_type */
.makeup .l {color: #f99b15; } /* :literal */
.makeup .ld {color: #f99b15; } /* :literal_date */
.makeup .m {color: #f99b15; } /* :number */
.makeup .mb {color: #f99b15; } /* :number_bin */
.makeup .mf {color: #f99b15; } /* :number_float */
.makeup .mh {color: #f99b15; } /* :number_hex */
.makeup .mi {color: #f99b15; } /* :number_integer */
.makeup .mo {color: #f99b15; } /* :number_oct */
.makeup .n {color: #e7e9db; } /* :name */
.makeup .na {color: #06b6ef; } /* :name_attribute */
.makeup .nb {color: #e7e9db; } /* :name_builtin */
.makeup .nc {color: #fec418; } /* :name_class */
.makeup .nd {color: #5bc4bf; } /* :name_decorator */
.makeup .ne {color: #ef6155; } /* :name_exception */
.makeup .nf {color: #06b6ef; } /* :name_function */
.makeup .ni {color: #e7e9db; } /* :name_entity */
.makeup .nl {color: #e7e9db; } /* :name_label */
.makeup .nn {color: #fec418; } /* :name_namespace */
.makeup .no {color: #ef6155; } /* :name_constant */
.makeup .nt {color: #5bc4bf; } /* :name_tag */
.makeup .nv {color: #ef6155; } /* :name_variable */
.makeup .nx {color: #06b6ef; } /* :name_other */
.makeup .o {color: #5bc4bf; } /* :operator */
.makeup .ow {color: #5bc4bf; } /* :operator_word */
.makeup .p {color: #e7e9db; } /* :punctuation */
.makeup .py {color: #e7e9db; } /* :name_property */
.makeup .s {color: #48b685; } /* :string */
.makeup .s1 {color: #48b685; } /* :string_single */
.makeup .s2 {color: #48b685; } /* :string_double */
.makeup .sa {color: #48b685; } /* :string_affix */
.makeup .sb {color: #48b685; } /* :string_backtick */
.makeup .sc {color: #e7e9db; } /* :string_char */
.makeup .sd {color: #776e71; } /* :string_doc */
.makeup .se {color: #f99b15; } /* :string_escape */
.makeup .sh {color: #48b685; } /* :string_heredoc */
.makeup .si {color: #f99b15; } /* :string_interpol */
.makeup .sr {color: #48b685; } /* :string_regex */
.makeup .ss {color: #48b685; } /* :string_symbol */
.makeup .sx {color: #48b685; } /* :string_other */
.makeup .sx {color: #48b685; } /* :string_sigil */
.makeup .vc {color: #ef6155; } /* :name_variable_class */
.makeup .vg {color: #ef6155; } /* :name_variable_global */
.makeup .vi {color: #ef6155; } /* :name_variable_instance */
.makeup .vm {color: #ef6155; } /* :name_variable_magic */