HTML/CSS - Static keyword in Java Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html lang="en">
<head>        
<meta charset="utf-8">        
<meta name="viewport" content="width=device-width, initial-scale=1">    
<meta name="description" content="Static keyword in Java">
  <title> Static keyword in Java</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css">
</head>
<body>
<div class="container">
<br />
<p class="text-center">
 | <a href="https://data-flair.training/blogs/java-tutorials-home/">A Complete Guide to Mastering Java</a> |
</p>
<br />
  <h1 class="text-center">Static keyword in Java</h1>
<br />
<div class="intro">

css

body {
    background-color:  #282a36;
    color:  #f8f8f2;
    font: 1.5rem/1.5 'Roboto', sans-serif;
}
h1, h2 {
    margin: 0;
    color:  #bea6ff;
    background: linear-gradient(to right,  #7ef2cf,  #bea6ff,  #8ccdff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.25;
}
h1 {
    font-size: 3.5rem;
    text-transform: uppercase;
}
h1::after {
    content: '';
    display: block;
    height: 2px;
    margin-top: 20px;
    background: linear-gradient(to right,  #7ef2cf,  #bea6ff,  #8ccdff);

BROWSER

Console