body
  {
    background: #abc;
    margin:0px;
  }
h1 {color:white;}
label {font-weight: bold;}
header
  {
    color:white;

    background: linear-gradient(180deg, #456, #123);
    background-color:#123;
    border-bottom:solid;
    padding:20px 60px 30px; box-shadow: 5px 6px 3px 10px #1236;    position: sticky;  top:0px;
  }
#shortcuts a, #skip
{
  border: black solid;
	margin: 4px;
  padding: 10px;
  outline:2px solid white;
  font-weight: bold;
  width: 15%;
  text-align: center;
}



#pass{}
#in-progress {}
.intro, .category{outline: 4px solid white; margin: 20px; padding: 1px 20px; border:2px dashed black; background: white; box-shadow: 5px 6px 3px 10px  #1236;}
.a{}
.aa{}
.aaa{}

#shortcuts
{
  display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
  
}
#skip
  {
   background: #883FAF;
   color: white;
   position:absolute;
	 left: -1000px;
  }

#skip:focus
	{
    position:static;
    width:auto;
    height:auto;
	}

hr {color: black;}

#perceivable, #pbutton{background: #B92229; color: white;}
#operable, #obutton{background: #EFC700; color: black;}
#understandable, #ubutton{background: #00AA67; color: black;}
#robust, #rbutton{background: #1B5AAC; color: white; scroll-margin-top: 600px;}

#main, #perceivable, #operable, #understandable {scroll-margin-top:85px;}