html{
  height:100%
}
body{
  height:90%;
}
.intro{
  height: 100%;
  justify-content : center;
  align-items : center;
}

.left{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#d0ebf3;
  height : 100%;
  color : #FFF;

}
.right{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#b8eed4;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left{
    height:50%
  }
  .right{
    height:50%
  }
}
.about{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#000;
  color : #FFF;
  height:100%
}