/*
OOfficial New Paltz colors
  Blue: #003e7e
  Orange: #f58426
  Second Blue: #00a5d9
*/

body {
  margin: 0; 
  padding: 0; 
  font-family: Arial, Helvetica, sans-serif; 
  margin-top: 62px;
}

* {box-sizing: border-box;}

.navbar {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #003e7e;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 10px;
  }
  
.navbar a {
  float: left;
  font-size: 20px;
  font-weight: 540;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

input[type=text], input[type=password], input[type=email], input[type=accessCode] {
  width: 70%;
  padding: 15px;
  font-size: 20px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: white;
  border-radius: 10px;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=accessCode]:focus {
  background-color: lightgray;
  outline: none;
}

.btn {  
  background-color: #00a5d9;
  color: white;
  font-size: 30px;
  font-weight: 550;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  width: fit-content;
  padding: 12px;
  margin: 0 10px;
  display: inline-block;
}

.buttons {  
  background-color: #00a5d9;
  color: white;
  font-size: 25px;
  font-weight: 550;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  width: fit-content;
  padding: 12px;
  margin: 0 10px;
  display: inline-block;
}

.bottom-buttons {
  text-align: center;
}

.container {
  text-align: center;
  background-color: #003e7e;
  color: white;
  border-radius: 30px;
  width: 75%;
  height: 100%;
  margin: auto;
  padding: 80px;
}

.container label {
  display: inline-block; 
  width: 70%; 
  text-align: left;
  font-size: 20px;
} 

/* Style the tab */
.tab {
  text-align: center;
  background-color: #003e7e;
  color: white;
  border-radius: 30px;
  width: 75%;
  height: 100%;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 60px;
  
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  border-radius: 12px;
  outline: none;
  cursor: pointer;
  padding: 12px;
  font-size: 30px;
  font-weight: 600;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: lightgray;
  color: black;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #f58426;
  color: black;
}

/* Style tab links */
.tablinks {
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  width: 25%;
}

.tablinks:hover {
  background-color: #777;
}

/* Style the tab content */
.tabcontent {
  color: white;
  display: none;
}