/*
Header/Banner
*/

.jumbotron {
  height: 500px;
  background: linear-gradient(#403F4C, transparent 60%),
              linear-gradient(120deg, #994C92, transparent 80%),
              linear-gradient(80deg, #E91C2C, transparent 70%),
              linear-gradient(40deg, #67DAF9, transparent 90%),
               url('https://images.pexels.com/photos/270348/pexels-photo-270348.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260') no-repeat center center;
  background-size: cover;
  border-radius: 0;
}

.vert-cent {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.jumbo-h1 {
  font-family: 'Comfortaa', cursive;
}

.jumbo-p {
  font-family: 'Lato', sans-serif;
}

/*
Body
*/

.container {
  max-width: 75%;
}

.section-header {
  font-size: 28px;
  font-family: 'Oswald', sans-serif;
  color: #4E5166;
  margin-bottom: 25px;
  padding-bottom: 4px;
  border-bottom: 2px solid #403F4C;
}

.csharp-header {
  color: #994C92;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.react-header {
  color: #67DAF9;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.ruby-header {
  color: #E91C2C;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.oops-header {
  color: #4E5166;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

p {
  font-family: 'Work Sans', sans-serif;
}

img {
  object-fit: cover;
}

/*
Language Summary
*/

.headroom {
  margin-top: 20px;
}

/*
Survey Questions
*/

.form-control {
  width: 50%;
}

/*
Survey Answers
*/

.survey-answers {
  margin-top: 50px;
  border-top: 2px solid #403f4c;
}

#answer-ruby, #answer-react, #answer-csharp, #answer-oops {
  display: none;
}

.answer-img {
  width: 175px;
  padding: 30px 0;
}

/*
Footer
*/

footer {
  margin-top: 60px;
  background-color: #4E5166;
}