body {
  background-color: rgb(0, 0, 0);
  font-family: sans-serif;
  margin: 0;
}

h1 {
  color: rgb(255, 255, 255);
}

p {
  color: rgb(255, 255, 255);
}

/* All Warframe names will be white */
.frames {
  color: rgb(202, 248, 159);
  font-weight: bold;
}

.notice {
  display: block;
  font-weight: bold;
}

.maiNotice {
  padding-left: 50px;
}

h2 {
	color: rgb(255, 255, 255);
}

h3 {
	color: rgb(255, 255, 255);
}



.frames2 {
  color:rgb(252, 156, 188);
  font-weight: bold;

}

.light1 {
  user-select: none;
}

.home1:link {
  color: white;
  text-decoration: none;
}

a:link {
  color: aquamarine;
  text-decoration: none;
}

a:visited {
  color: cadetblue;
}

.countdownsResurgence {
  color: white;
}

.banner {
  display: flex;
  justify-content: center;   /* optional: center horizontally */
  align-items: center;       /* optional: center vertically */
  height: 100px;  
  width: 100%;   
}


.img1 {
  display: flex;
  gap: 10%;                   /* creates a 10% gap relative to the container’s width */
  justify-content: center;   /* optional: center horizontally */
  align-items: center;       /* optional: center vertically */
  height: 400px;             /* set the container’s height */
}

.img1 img {
  max-width: 100%;   /* never exceed container width */
  max-height: 100%;  /* never exceed container height */
  object-fit: contain; /* scale proportionally, no cropping */
}

.img2 {
  display: flex;
  display: flex;
  gap: 10%; /* creates a 10% gap relative to the container’s width */
  justify-content: center;   /* optional: center horizontally */
  align-items: center;       /* optional: center vertically */
  height: 400px;    
}

.img2 img {
  max-width: 100%;   /* never exceed container width */
  max-height: 100%;  /* never exceed container height */
  object-fit: contain; /* scale proportionally, no cropping */
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}

.button1 {
  float: right;
  margin-right: 3%;
  background-color: white;
  color: black;
  text-align: center;
  cursor: pointer;
}


/*
.login1 {
  float: right;
  margin-right: 3%;
  background-color: white;
  color: black;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  padding: 0.3%;
}
*/

.login1:visited {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.login1:link {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.navbar {
  overflow: hidden;
  display: flex;
  background-color: #494242;
  cursor: pointer;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover,
.dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

.dropdown-content a:hover {
  background-color: #ffc400;
}

.dropdown:hover .dropdown-content {
  display: block;
}

body.light-mode {
  background-color: rgb(255, 255, 255);
}

body.light-mode h1 {
  color: black;
}

body.light-mode h2 {
  color: black;
}

body.light-mode h3 {
  color: black;
}

body.light-mode p {
  color: black;
}

body.light-mode .frames {
  color: rgb(255, 23, 23);
  font-weight: bold;
}

body.light-mode .frames2 {
  color:rgb(225, 0, 255);
  font-weight: bold;

}

body.light-mode a:link {
  color: blue;
  text-decoration: underline;
}

body.light-mode a:visited {
  color: purple;
  text-decoration: underline;
}

body.light-mode .button1 {
  float: right;
  margin-right: 3%;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  text-align: center;
  cursor: pointer;
}

/*
body.light-mode .login1 {
  float: right;
  margin-right: 3%;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  padding: 0.3%;
}
*/

body.light-mode .login1:visited {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

body.light-mode .login1:link {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

body.light-mode .countdownsResurgence {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

body.light-mode .home1:link {
  color: white;
  text-decoration: none;
}

body.light-mode .home1:visited {
  color: white;
  text-decoration: none;
}

body.light-mode .dropdown-content a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}