/*
  Custom theme colors for AstroNought

  #000000, // Black
  #393934, // Void Grey - dark grey
  #00BEEA, // Cosmo Blue
  #06435E, // Space Void - dark blue (primary)
  #D53229, // Fierce Rocket - red
*/

:root {
  --bs-primary: #06435E;
  --bs-primary-rgb: 6, 67, 94;
  --bs-primary-hover: #06435E;
  --bs-blue: #00BEEA;
  --bs-danger: #D53229;
  --bs-red: #D53229;
  --bs-info: #00BEEA;
  --color-gray-dark: #393934;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@font-face {
  font-family: "PuffinArcade-Nerf";
  src: url("../fonts/PuffinArcade-Nerf.ttf");
}

@font-face {
  font-family: "FranxurterTotallyMedium-gxwjp";
  src: url("../fonts/FranxurterTotallyMedium-gxwjp.ttf");
}

.puffin {
  font-family: "PuffinArcade-Nerf";
}

.frankfurter {
  font-family: "FranxurterTotallyMedium-gxwjp";
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--bs-blue); 
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.logo {
  height: 200px;
  width: 200px;
}

.center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

main {
  background-image: url(../images/background_dot.png);
}

.icon-banner {
  width: 32px;
}

.round-image {
  border-radius: 50%; /* Makes the image round */
  border: 2px solid var(--bs-blue); /* Adds an outline */
  object-fit: cover; /* Ensures the image covers the entire area */
}