/*****背景グレー設定*****/
html{
   background-image: linear-gradient(180deg, rgba(233, 233, 233, 1), rgba(61, 61, 61, 1));
  height:700px;
}
/*****class="shikaku"の設定*****/
.shikaku{
  /***position設定***/
  position: fixed;
  top:0;
  z-index:1;
  
  /*横幅フル表示*/
  right:0;
  left:0;
  
  /*背景色サイズ設定*/
  width: 100%;
  height: 50px;
  background: blue;
}

.shikaku p{
  color: #ffffff;
  text-align: center;
  font-size: 15px;
}