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

body {
  margin: 0; 
  padding: 0; 
  font-family: Arial, Helvetica, sans-serif; 
  margin-top: 100px;
  background-image: url('https://www.newpaltz.edu/media/ocm/images/blue-repeat-logo.png');
}

.center-screen {
  display: inline-grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 50vh;


  background-color: #003e7e;
  color: white;
  border-radius: 30px;
  width: 700px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 190px;
  padding: 10px;
  text-align: center;
}

.flexdisp {
  display: flex;
}

* {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;
  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;
  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;
}

button {  
  background-color: #f58426;
  color: white;
  font-size: 20px;
  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: 700px;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 10px;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

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