All CSS files are located in the assets/css folder and scss files are located in the scss folder.

CSS files are good structured and there is a table of content so you can search anything easily.

/******************
Table of Content
    1. SETTINGS
    2. HELPERS
    3. BUTTONS
    4. HEADER
    5. PAGE
    6. ABOUT SECTION
    7. PORTFOLIO SECTION
    8. RESUME SECTION
    9. BLOG SECTION
    10. CONTACT SECTION
    11. ARTICLE SECTION

/*Google Fonts Import*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,[email protected],300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:[email protected];400;500;600;700&display=swap");
/*=================
    1. SETTINGS
==================*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  line-height: 1.65em;
  margin: 0;
  position: relative;
}

Color Schemes

The assets/css folder contains 7 different css color files.

  • blue.css
  • green.css
  • light_blue.css
  • light_green.css
  • orange.css
  • pink.css
  • purple.css

Put your prefered color in to the head section

<!DOCTYPE html>
<html lang="en">
<head>
    <!--Color Stylesheet-->
    <link rel="stylesheet" href="./assets/css/blue.css">
</head>