User:Killarnee/sandbox2

<!DOCTYPE html> <html> <head> <title>Page Title</title> <style> html, body {

   background-color: rgb(29, 29, 29);
   color: rgb(240, 240, 240);
   font-family: Helvetica Neue;
   margin: 0;
   padding: 0;

}

ac-globalnav {

   font-size: 24px;
   font-weight: 100;
   text-align: center;
   widht: 100%;
   background-color: rgb(243, 243, 243);
   color: rgb(48, 48, 48);
   padding: 0.4em;

}

a {

   color: inherit;
   text-decoration: none;
   white-space: nowrap;

}

a:hover {

   color: rgb(0, 0, 0);
   cursor: pointer;
   text-decoration: none;

}

.ac-gn-number {

   padding: 0.5em;

}

.sheet {

   display: none;

}

.sheet:target {

   display: block;

}

.sheet, .default-section {

   background-color: black;
   min-height: 2em;
   padding: 20px;
   margin: 1em;
   box-shadow: 0 0 25px rgb(45, 45, 45);

} </style> </head>

<body>

   <nav id="ac-globalnav" class="no-js" role="navigation" lang="en-US" dir="ltr">

           <a class="ac-gn-number" href="#sheet1">Sheet 1</a>
           <a class="ac-gn-number" href="#sheet2">Sheet 2</a>
           <a class="ac-gn-number" href="#sheet3">Sheet 3</a>

   </nav>
   
   <main class="main" id="main">
       
       
       
   </main>

</body> </html>