@import "../../../utils";
@import "../../../style/fonts";
@import "../../../style/colors";

.VscodeSection {
  background: $primary_lightblue;
  background-size: 100% 100%;
  position: relative;
  min-height: 85vh;

  .LeftSide {
    padding-top: 15%;
    padding-left: 30%;

    .VscodeImage {
      max-width: 40vw;
      max-height: 45vh;
    }
  }

  .RightSide {
    color: $primary_black;
    font-weight: $primary_font_weight;
    font-family: $primary_font;
    padding-top: 35%;
    padding-right: 30%;
    text-align: center;
    vertical-align: middle;
    line-height: 4em;

    .Title {

      font-size: 3rem;

    }
    .Caption {
      font-size: 1.5em;
      line-height: 1em;
      color: white;
    }
  }

}