body{
  font-family: 'Poppins', sans-serif;  
  margin: 0;
  padding: 0;
}

body p{
color: gray;
}

h1{
  font-size: 50px;
}

.banner-section{
    display: flex;
    background-image: url(images/top-banner.png);
    background-repeat: no-repeat;
    margin-bottom: 10%;
}

#top-banner-name{
  color: orange;
}

.half-width{
  width: 50%;
  margin: 0 6%;
}

.half-width img{
  width: 90%;
}

.half-width p{
  text-align: justify;
}

.button{
  text-decoration: none;
  background-image: linear-gradient(to right, salmon, orange);
  padding: 10px 20px;
  border-radius: 10px;
  color: white;
  font-weight: 600;
}

.dream-section{
    display: flex;
    background-image: url(images/dream-bg.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 10%;
}

.experience-section{
  background-image: url(images/exp-bg.png);
  background-repeat: no-repeat;
  background-position: left;
}
.experiences{
  display: flex;
}

#exp-label{
  font-size: 40px;
  margin: 0;
}

.experience-section h3{
  color: orange;
}

.experience-section h2{
  font-size: 40px;
}

.half-widths{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 10px;
  width: 50%;
  margin: 5%;
  border-radius: 10px;
  /* border-left: 5px solid red; */
  border-image: linear-gradient(rgb(255, 153, 0), rgb(255, 255, 255)) 50;
  border-left: 5px solid;
}

.footer{
  text-align: center;
}