@font-face {
  font-family: "Determination";
  src: url(Determination.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{
  background-color: black;
  font-family: Determination, sans-serif;
  color: white;
  font-size: 30px;
  text-align: center;
  margin-bottom: 2.5rem;
}

nav{
  background-color: black;
  border-bottom: 5px solid white;
}

a{
  color: white;
  text-decoration: none;
}

a:hover{
  color: yellow;
}

ul{
  text-align: left;
}

#accordiontext{
  font-family: Determination, sans-serif;
  font-size: 30px;
  text-align: center;
  transition: 0s;
}

#logo{
  width: 60%;
  margin-top: -8%;
  margin-bottom: -4%;
  image-rendering: pixelated;
}

#logosmall{
  width: 192px;
  margin: -8%;
}

#longlogo{
  width: 120%;
  margin-left: -10%;
}

#addonlogo{
  width: 140%;
  margin-left: -20%;
}

#frisk{
  width: 69px;
}

#image{
  width: 100%;
}

#dog{
  width: 270px;
  image-rendering: pixelated;
}

#header{
  color: yellow;
  font-size: 40px;
}

#divider{
  font-size: 40px;
  border-bottom: 5px solid white;
}

#big{
  font-size: 40px;
}

#small{
  font-size: 16px;
}

.accordion{
  border-color: red;
  border-top-width: 100px;
  --bs-accordion-color: white;
  --bs-accordion-bg: black;
  --bs-accordion-transition: 0s;
  --bs-accordion-border-color: white;
  --bs-accordion-border-width: 1px;
  --bs-accordion-btn-color: white;
  --bs-accordion-btn-bg: black;
  --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' stroke='white' viewBox='0 0 16 16'><path d='M2 5L8 11L14 5'/></svg>");
  --bs-accordion-btn-icon-width: 20px;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' stroke='yellow' viewBox='0 0 16 16'><path d='M2 5L8 11L14 5'/></svg>");;
  --bs-accordion-btn-focus-box-shadow: white;
  --bs-accordion-active-color: yellow;
  --bs-accordion-active-bg: black;
  transition: 0s;
}

.accordion-item:hover{
  --bs-accordion-btn-color: yellow;
}

.accordion-body{
  background-color: black;
}