body{
    background: radial-gradient(circle at center,#404040 50%,#202020 75%);
	margin: 0;
}
.flex-container-main{
	height:100vh;
	width: 100vw;
	align-items: center;
	justify-content: center;
	display: flex;
}
.grid-container-main{
    display:grid;
grid-template: repeat(4,1fr)/ repeat(2, 1fr);
	place-items: center;
	gap: 10px;
    }
    button{
	padding:0;
    background:ivory;
    transition: transform 0.2s ease-in-out;
   height:max(60px,9vh);
    width:max(120px,18vw);
    border:solid 0 transparent;
    border-radius:100000px;
    display:block;
    font-size: max(2vw,10px);
    }
    button:hover{
    box-shadow:0 0 5px 2px white;
    transform: scale(1.05);
    }
.button-row-1{grid-row:1/span 1;}
.button-row-2{grid-row:2/span 1;}
.button-row-3{grid-row:3/span 1;}
.button-row-4{grid-row:4/span 1;}
.button-column-1{grid-column:1/span 1;}
.button-column-2{grid-column:2/span 1;}