@import "https://www.nerdfonts.com/assets/css/webfont.css";

:root {
  --bg-color: var(--ctp-crust);
  --bg-color-2: var(--ctp-mantle);
  --text-color: var(--ctp-text);
  font-family: 'Ubuntu Mono', sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: var(--bg-color);
  color: var(--text-color);
}

.navbar {
  display: flex;
  align-items: center;
  max-height: 5vw;
  padding: 1rem;
  background-color: var(--ctp-base);
  border-bottom: 2px solid var(--text-color);

  .logo {
    height: 50px;
    text-transform: lowercase;
  }

  .menu {
    list-style: none;
    display: flex;
    gap: 1rem;
    margin: 0;
    margin-left: auto;
    padding: 0 1rem;
    text-transform: uppercase;

    li a {
      text-decoration: none;
      color: var(--text-color);
    }
  }
  .theme-toggle {
    background: none;
    border: none;
    color: var(--text-color);
    cursor: pointer;
    font-size: 1.5rem;
    width: 50px;
    padding: 0 0.5rem;
  }
}

@import "./home.css";