html {
    scroll-behavior: smooth;
    }
            
            ::selection{
                background-color: transparent;
                color: #111;
                text-shadow: 0px 0px 8px #005eff;
            }
.body {
    background-color: #050505;
    cursor: crosshair;
    }

.parent {
  height: 99%;
  display: flex;
  align-items: center;
  justify-content: center;
}

            .h1 {
                font-size: 48px;
                font-family: monospace; 
                color: #fff;
                font-weight: 900;
                padding-left: 2%;
            }
            
            .p1 {
                font-size: 32px;
                font-family: monospace; 
                color: #fff;
                font-weight: 900;
                line-height: 18px;
                padding-left: 2%;
            }
            
            .p2 {
                font-size: 32px;
                font-family: monospace; 
                color: #fff;
                font-weight: 900;
                line-height: 44px;
                padding-left: 2%;
            }
            
            .p3 {
                font-size: 32px;
                font-family: monospace; 
                color: #333;
                font-weight: 900;
                line-height: 18px;
                padding-left: 2%;
            }

/* Status Colors */

/* Good Green */

.s1 {
    font-family: monospace; 
    color: #06E670;
    font-weight: 900;
    }

/* Some issues Yellow */

.s2 {
    font-family: monospace; 
    color: #F0F033;
    font-weight: 900;
    }

/* Large outage Red */

.s3 {
    font-family: monospace; 
    color: #FF3030;
    font-weight: 900;
    }

/* Downtime Blue */

.s4 {
    font-family: monospace; 
    color: #2080EE;
    font-weight: 900;
    }
            
a:link {
  color: #333;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #333;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #333;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: #333;
  background-color: transparent;
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #333; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}