html, body
{
    height: 99%;
    min-height: 99%;
	min-width:99%;
    margin:0;
    padding:0;
    background-color: rgb(70, 68, 68);
    color: white;
	
}

#mainWrapper
{
    position:fixed;
    min-height:100vh;
    min-width:100vw;
	display:grid;
	grid-template-columns: minmax(100%,5%);
	grid-template-rows: minmax(50%,5%) minmax(20%,5%) minmax(30%,5%);
    margin:0;
    padding:0;
	
}

#textWrapper
{
    
    top:0;
    font-size: 4vw;
	width:100%;
	padding:5px;
	margin:0;
	text-align:center;
	
}

#attentionWrapper
{
    
    font-size: 2vw;
    text-align: center;
	padding:0;
	margin:0;
}

#buttonsWrapper
{
	display:grid;
	grid-template-rows: minmax(50%,5%);
	grid-template-columns: minmax(50%,5%) minmax(50%,5%);
	padding:0;
	margin:0;
	font-size: 2vw;
}
.button {
    background-color: #170936;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 32px;
    cursor: pointer;
    padding: 15px 32px;
    border: 5px solid black;
  }