style.scss

@import 'nav';
@import 'homepage/title_pics';
@import 'homepage/about_experience';
@import 'homepage/skillsintro';
@import 'homepage/blogintro';
@import 'homepage/contactintro';

// global setting, remove default paddings and margins
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Open Sans Condensed', sans-serif;
}

// body height and background setting
body {
  font-size: 25px;
  color: black;
  background-color: rgb(253, 253, 253);
  font-family: Arial, Helvetica, sans-serif;
  height: 4150px;
  background: linear-gradient(
    to bottom,
    white 60%,
    lightgray
  );
}

// bottom footer bar
.bottom_footer {
  margin-top: -4px;
  width: 100vw;
  height: 60px;
  background-color: gray;
  display: flex;
  align-items: center;

  .footer-links {
    background-color: white;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    img {
      width: 30px;
      height: 30px;
      margin-top: 10px;
    }
  }
  .footer-middlebox {
    flex-grow: 1;
  }
  .footer-name {
    color: white;
    margin-right: 20px;
    font-size: 16px;
    // background-color: palegreen;
  }
}