/* IDS */
#signin {
  border:10%;
  border-style:double;
  width:50%;
}

#loginBtn {
  border:3px; 
  border-style:double;
  border-color:black; 
  margin:20px; 
  padding-top:10px;
  padding-bottom:10px;
  border-radius:10px; 
  width:25%;
  background-color:#add8e6; 
}

#newAccBtn {
  border:3px; 
  border-style:double;
  border-color:black; 
  margin:20px; 
  padding-top:10px;
  padding-bottom:10px;
  border-radius:10px; 
  width:25%;
  background-color:#d3d3d3;
}

#index_title {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  justify-content:center;
  border:3px; 
  border-style:double;
  border-color:black;
  background-color:#abf9ab;
  margin:10px;
  padding:10px;
  width:100%;
}

#main_header { 
  align-items:center;
  display:flex;
}

#l1 {
  border:3px;
  border-style:double;
  border-color:black;
  margin:10px;
  padding:10px;
  background:#f08080;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color:white;
}

#signin {
  margin:auto;
  text-align:center;
}

/* GENERAL */
body {
  padding: 50px;
  font-size: 14px;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

a {
  color: #00B7FF;
}

p {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h1 {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size:xx-large;
  padding:0px;
}

label {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size:larger;
  padding:10px;
}

input {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size:larger;
  margin:10px;
  padding:0.5%;
}

b {
  border:3px; 
  border-style:double;
  border-color:black; 
  margin:20px; 
  padding:20px;
  justify-content:center; 
  border-radius:10px; 
  align-items:center;  
  background-color:#add8e6; 
  display:'flex';
}