@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

:root{
    --main-red: #FF8A8A;
    --main-blue: #8AEAFF;
    --main-purple: #A294FF;
    --main-black: #0F0F0F;
    --main-gray-dark: #1a1a1a;
    --main-gray-mid: #262626;
    --main-gray-light: #888888;
}

.domine-400 {
  font-family: "Domine", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.domine-500 {
  font-family: "Domine", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.domine-700 {
  font-family: "Domine", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.jetbrains-mono-400 {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.jetbrains-mono-500 {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.jetbrains-mono-600 {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.jetbrains-mono-700 {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #0f0f0f; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }

.dots{
    background-image: radial-gradient(#333 1px, transparent 1px); background-size: 24px 24px;
}
.cursor-blink { 
        border-right: 1px solid var(--main-gray-light); 
        height: full;
        width: full;
        animation: blink 1.0s infinite; 
    }

@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }