body {
	font-family: "Roboto", sans-serif;
	color: #000;
	background-color: #000;
	background-image: url("../../assets/images/backgrounds/dark10.png");

}

.container {
	display: grid;
	grid-template-areas:
	  "header header"
	  "aside bside"
	  "yw yw"
	  "buttons buttons"
	  "footer footer";
	grid-template-columns: 1fr 1fr;
	background-color: #feb302;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
  }
  .container > div {
	background-color: #feb302;
	padding: 10px;
  }
  .container > div.header {
	grid-area: header;
	background-image: url("../../assets/images/backgrounds/dark10.png");
	display: flex;
	justify-content: space-between;
  }
  .logo {
	color: black;
	text-decoration: none;
  }
  .logo a {
	text-decoration: none;
	color: black;
	font-size: 20px;
  }
  .logo a:hover {
	color: white;
  }
  .nav a {
	color: black;
	text-decoration: none;
	font-size: 30px;
	padding-left: 30px;
  }
  .nav a:hover {
	color: white;
	text-decoration: none;
  }
  .soc a {
	padding-right: 10px;
  }



  .container > div.aside {
	grid-area: aside;
  }
  .container > div.aside h1 {
	padding-top: 160px;
	text-shadow: 2px 2px #fff;
	padding-bottom: 0px;
  }
  .container > div.aside h2 {
	padding-top: 0px;
	padding-left: 50px;
  }
  .container > div.aside h3 {
	padding-top: 20px;
  }



  .container > div.bside {
	grid-area: bside;
	background-image: url("../../assets/images/backgrounds/dark10.png");
	border: 13px solid black;
	box-shadow: inset 0 0 30px #000;
	text-align: center;
	border-radius: 15%;
	margin-right: 10px;
  }
  .pic1 {
	border-radius: 10%;
	width: 70%;
  }
  .pic2 {
	border-radius: 10%;
	width: 70%
  }



  .yellowwiggle {
	grid-area: yw;
	height: 75px;
	background-image: url("../../assets/images/backgrounds/y_bg_sm.jpg");
  }

  .container > div.buttons {
	display: flex;
	grid-area: buttons;
	background-color: white;
	justify-content: space-evenly;
  }
  .container > div.footer {
	grid-area: footer;
	background-image: url("../../assets/images/backgrounds/dark10.png");
	text-align: center;
	background-color: white;
  }
  .footbg {
	width: 200px;
	text-align: center;
	background-color: white;
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	border-radius: 30px;
  }
  .footbg a {
	color: black;
	text-decoration: none;
  }
  .footbg a:hover {
	color: #6d2555;
	text-decoration: none;
  }