@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap);
html, body {
  height: 100%;
  width: 100%;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  color: #222;  
}


.hello {
  margin-top: 2rem;
  padding-bottom: 3rem;
  max-height: 50vh;
  background-color: #407680;
  border-radius: 5px;
}

.hello .row {
  padding-top: 2rem;
}

.hello img{
  margin-top: 2rem;
  height: 500px;
}
h1.header {
  padding-top: 1rem;
  color: #ffffff;
  font-size: 110px;
}
h3.subheader {
  font-size: 35px;
  margin-top: 1rem;
  color: #B1BCC4;
}
h3 b {
  color:white;
}

h2.bio-header {
  padding-top: 2rem;
  color: #383838;
  font-size: 38px;
}

.bio-text {
  font-size: 20px;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.work {
  padding-top: 2rem;
  padding-bottom: 1rem;
  min-height: 30vh;
  background-color: #40806d;
  border-radius: 5px;
}

.work img{
  max-height:280px;
  padding: 20px;
}

.work h3{
  color:white;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.work h4{
  color:rgb(231, 174, 16);
  font-weight: bold;
}
.work h5{
  font-style: italic;
}
.work-text{
  color: #ffffff;
  font-size: 18px;
}

.contact {
  padding-top: 2rem;
  padding-bottom: 1rem;
  min-height: 40vh;
  background-color: #ffffff;
  border-radius: 5px;
}
.contact h2 {
  color: rgb(48, 48, 48);
  font-weight: bold;
}
.padding {
  padding-bottom: 1rem;
}

footer{
  min-height: 3rem;
  background-color: #335468;
}
footer h5{
  color: #bebebe;
  padding: 1rem;
}

.error{
height:15px;
padding-bottom: 5px;
}

small {
  height:15px;
  position: relative;
  top:1px;
  left:3px;
  color:darkred;
}