:root {
  --bg-ddc:  rgb(216, 221, 225)
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

body {
  background-color: rgb(216, 221, 225); 
}

.logo_navbar {
	height: 100px;
}

.modal-dialog{
  margin: 0 auto;
  margin-top: 10%;
  padding: 0;
}

.modal-content{
  background-color: #434e5a;
  opacity: .8;
  padding: 0 18px;
  border-radius: 10px; 
  color: white;
}

.login{
  margin: 5% 10% 5% 10%;
}

.main-section{
  margin: 0 auto;
  margin-top: 130px;
  padding: 0;
}

.forgot {
  margin: 2% auto;
  color: white;
}


.forgot:hover{
  color: white;
  u
}

.logo {
  max-width: 200px; 
  margin: 0 auto;
  margin-bottom: 2%;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #343a40;
  color: white;
  text-align: center;
}

.login-input {
  height: 42px;
  border-radius: 5px;
  border: 0;
  font-size: 18px;
  letter-spacing: 2px;
  padding-left: 54px;
}

.icons::before{
  font-family: 'Font Awesome\ 5 Free';
  content: "\f007";
  position: absolute;
  font-size: 22px;
  left: 60px;
  padding-top: 4px;
  color: #2d3536;
}

.icons:last-of-type::before{
  content: "\f023"
}

.tile {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  background: #b0c460;
  padding: 20px;
  color: white;
  margin-bottom: 30px;
}

.title {
  margin-top: 0px;
}

.bigcol{
  min-height: 100vh
}