@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap');

body{
	background: black; /*rgb(255,255,255);*/
	color: white;
	margin: 0;
	font-family: 'Roboto Slab';
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

h1{
	margin-top: 0%;
}

.container_row{
	display: grid;
  }
  
.layer1, .layer2{
	grid-column: 1;
	grid-row: 1;
}

.leftsection{
	margin: 0% 2%;
	margin-top: 12.5%;
}

@media only screen and (min-width: 1080px){
	.leftsection{
		margin-left: 10%;
		margin-right: 50%;
	}
}

.mainTxt{
	font-size: 5em;
}

.buttonsTxt{
	font-size: 1.2em;
}

.linkButtons{
  	display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
  	place-content: space-between;
}

.buttons{
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;

	cursor: pointer;
	box-sizing: border-box;

	padding: .1em .5em;
	margin: 0em .2em;

	border: solid;
	border-width: 2px;
	border-color: rgb(220,220,220);
	border-radius: .5em;
}

.buttons:hover{
	border-color: rgb(255,255,255);
	background-color: rgb(100,100,100);
}