*{
   padding: 0px;
   margin: 0px;
}
html{
   height: 100vh;
   width: 100vw;
}

body{
   background: rgb(241, 241, 0);
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
}

.upperbox{
   position: absolute;
   background-color: black;
   width: 100%;
   height: 15%;
   top: 0px;
   left: 0px;   
}

.lowerbox{
   position: absolute;
   background-color: black;
   width: 100%;
   height: 15%;
   bottom: 0px;
   left: 0px;  
}


.wrapper{
   display: flex;
   align-items: center;
   justify-content: center;
}

.header{
   text-align: center;
   font-weight: 300;
   font-size: 2.5rem;
}