body {
    background-color: rgb(32, 80, 95);
}
h1.display-4 {
    position: relative;
    top: 140px;
    font-family: "Questrial", sans-serif;
    color: whitesmoke;
    font-size: 100px;
}

p.tagline {
    position: relative;
    top: 140px;
    font-family: "Questrial", sans-serif;
    color: rgb(218, 218, 218);
    padding-top: 180px;
}


.regForm {
    width:300px;
    height:400px;
    left: -100%;
    position:fixed;
    top:50%; margin-top:-50px; /* vertical center */
    margin-left:-100px; /* horizontal center */  
}

.logForm {
    width:300px;
    height:400px;
    right: -100%;
    position:fixed;
    top:50%; margin-top:-50px; /* vertical center */
    margin-left:-100px; /* horizontal center */  
}

label {
    color: white;
}

div.forgroup > input::placeholder {
    color: rgb(190, 222, 231);
  }

div.forgroup > input:focus {
  color: rgb(190, 222, 231);
  background-color: rgb(54, 68, 71, 0.7);
  outline: none;
  box-shadow: none;
  border: 1px solid  rgb(190, 222, 231);
}

.logBtn, .regBtn {
    margin-top: 1rem;
}

.logBtn:focus, .regBtn:focus {
    margin-top: 1rem;
    box-shadow: none;
    outline: none;
}


.jumbotron {
    background-image: url("../img/background.jpg");
    background-color: whitesmoke;
    width: 100%;
    margin-bottom: 10px;
    min-height: 120vh;
    height: 700px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    justify-content: space-around;
    padding-top: 0px;
    border-radius: none;
    margin-bottom: 0px;
}

#logo-jumbotron {
    position: relative;
    margin-top: 6%; 
}

#arrow {
    display: block;
    position: fixed;
    bottom: 35px;
    left: 49%;
    margin: 0 auto;
}


div.container {
    font-family: "Questrial", sans-serif;
    color: whitesmoke;
    font-size: 14px;
	position: relative;
    bottom: 10px;
}

#intro {
	background: whitesmoke;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #3f263b;
	position: relative;
	bottom: 0px;
} 

#intro h5, p {
    color: #3f263b;
}

.intro-text {
    padding: 20px 30px 20px 30px;
}

.intro-header {
    text-align: left;
    padding-left: 30px;
}

div.buttons {
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
}

.transparent_btn {
	display: inline-block;
	padding: 10px 14px;
	color: whitesmoke;
	border: 1px solid whitesmoke;
	text-decoration: none;
	font-size: 14px;
	line-height: 120%;
	background-color: rgba(255,255,255, 0);
	border-radius: 15px;
	transition: background-color 300ms ease;
    cursor: pointer;
    font-family: "Questrial", sans-serif;
}
.transparent_btn:hover {
	background-color: rgba(255,255,255, 0.3);
    color: whitesmoke;
    text-decoration: none;
}

footer {
	background: rgb(19, 62, 102);
	color: whitesmoke;
	position: relative;
    bottom: 0px;
    font-family: "Questrial", sans-serif;
    height: 60px;
}