andreros

<style>
    body{margin:0;width:100%;height:100%} 
    body,td,input,textarea,select{font-family:arial,sans-serif} 
    input,textarea,select{font-size:100%} 
    #loading{position:absolute;width:100%;height:100%;z-index:1000;background-color:#fff} 
    .msg{ color: #757575; font: 20px/20px Arial, sans-serif; letter-spacing: .2px; text-align: center } 
    #nlpt{ animation: a-s .5s 2.5s 1 forwards; background-color: #f1f1f1; height: 4px; margin: 56px auto 20px; opacity: 0; overflow: hidden; position: relative; width: 300px } 
    #nlpt::before{ animation: a-lb 20s 3s linear forwards; background-color: #db4437; content: ''; display: block; height: 100%; position: absolute; transform: translateX(-300px); width: 100% } 
    @keyframes a-lb{ 0%{transform:translateX(-300px)}
				    5%{transform:translateX(-240px)}

andreros

Configure Style Lint for SASS in Visual Studio Code
============================================================================================

1) Install Extension "stylelint" by Shinnosuke Watanabe from Extensions Marketplace.

2) In the project "package.json" install the following dependencies (run `npm install` after adding them):

"dependencies": {
    "stylelint-config-recommended-scss": "^3.2.0",
    "stylelint-config-standard": "^18.2.0"

andreros

Pre requisites:
- Homebrew

Execute the following commands:

```
brew install mkcert

// needed for firefox specifically
brew install nss