@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'digitaldiscomedium';
    src: url('../images/digitaldisco-webfont.woff2') format('woff2'),
         url('../images/digitaldisco-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'digitaldiscothin';
    src: url('../images/digitaldisco-thin-webfont.woff2') format('woff2'),
         url('../images/digitaldisco-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'qikki_regregular';
    src: url('../images/qarmic_sans_abridged-webfont.woff2') format('woff2'),
         url('../images/qarmic_sans_abridged-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'raleway regular';
    src: url('../images/raleway-regular-webfont.woff2') format('woff2'),
         url('../images/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* basic font styles*/

.raleway {
	font-family: 'raleway regular';
}

.digitaldiscothin {
	font-family: 'digitaldiscothin';
}

.digitaldiscomedium {
	font-family: 'digitaldiscomedium';
}

/* header  */

.logo {
	font-family: 'qikki_regregular';
	font-size: 75px;
	padding: 40px;
	color: rgba(255,234,99,1.00)
}

.headerstart {
	width: 25%;
	height: 175px;
	/*background-color: darkorange;*/
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.headerstart ul {
	list-style-type: none;
	margin: 0;
	padding: 50px;
}

.headerend {
	width: 25%;
	height: 175px;
	/*background-color: crimson;*/
	align-items: center;
	display: flex;
}

.headercenter {
	width: 50%;
	height: 175px;
	/*background-color: deeppink;*/
	text-align: center;
}

.headerend ul{
	list-style-type: none;
	padding: 50px;
	/*background-color: gold;*/
	margin: 0;
	justify-content: flex-end;
	width: 100%;
}

.headerend ul li {
	/*background-color: darkmagenta;*/
}

.headerpadding {
	padding: 0px 50px;
}

.main-nintendo-articletop {
	display: flex;
	/*background-color: aqua;*/
	height: 135px
}

.main-nintendo-articlebottom {
	/*background-color: deeppink; */
	height: 540px;
}

.main-nintendo-articlenavleft{
	width: 33.33%;
	/*background-color: palegreen; */
	text-align: center;
	font-size: 60px;
	font-family: 'digitaldiscothin';
	color: rgba(255,234,99,1.00);
	padding-top: 50px;
}

.main-nintendo-articlenavcenter{
	width: 33.33%;
	/*background-color: darkviolet;*/
	text-align: center;
	font-size: 60px;
	font-family: 'digitaldiscothin';
	color: rgba(255,234,99,1.00);
	padding-top: 50px;
}

.main-nintendo-articlenavright{
	width: 33.33%;
	/*background-color: lime;*/
	text-align: center;
	font-size: 60px;
	font-family: 'digitaldiscothin';
	color: rgba(255,234,99,1.00);
	padding-top: 50px;
}

.main-nintendo-result{
	height: 180px;
	/*background-color: peachpuff;*/
	display: flex;
}

.main-nintendo-resultleft{
	/*background-color: aqua;*/
	width: 20%
}

.main-nintendo-resultcenter{
	/*background-color: darkorange;*/
	width: 60%
}


.main-nintendo-resultright{
	text-align: center;
	/*background-color: powderblue;*/
	width: 20%
}


html, body, header, div, main, nav, body, h1, h2, h3, h4, h5, h6, div, p, ul, footer, article { 	
	margin: 0;
	padding: 0;
}

body {
	background-image: url("../images/background-home.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
}

header {
	height: 175px;
	background-color: rgba(57,80,244,1.00);
	display: flex;
	justify-content: center;
	font-family: 'digitaldiscothin';
	color: rgba(255,234,99,1.00);
	font-size: 48px;
}

header a {
	text-decoration: none;
}

header div ul{
	display: flex;
}

header ul li a {
	text-decoration: none;
	color: rgba(255,234,99,1.00);
}

header input {
	width: 150px
}

nav {
	height: 120px;
	background-color: rgba(255,234,99,1.00);
}

nav ul{
	display: flex;
	justify-content: center
}

nav ul li {
	font-family: 'digitaldiscomedium';
	padding: 36px 4% 36px 4%;
	font-size: 48px;
	display: block;
}

nav ul li a {
	color: rgba(9,28,105,1.00);
	text-decoration: none;
}


main {
	height: 675px;
}

.main-index aside {
	height: 200px;
	/* background-color: aliceblue; */
}

.main-index aside h1{
	padding: 50px 0% 0px 0px;
	font-family: 'digitaldiscomedium';
	font-size: 100px;
	color: rgba(255,234,99,1.00);
	text-align:center;
}

.main-index aside h2 {
	padding: 10px 0% 0px 0px;
	font-family: 'digitaldiscothin';
	font-size: 40px;
	color: white;
	text-align: center;
}

.main-index article {
	height: 425px;
	padding: 50px 0px 0px 0px;
	/* background-color: aqua; */
}

.main-index article h3 {
	padding: 0px 0px 20px 0px;
}

.main-index article ul {
	display: flex;
	justify-content: center;
	list-style-type: none;
}

.main-index article ul li {
	padding: 0px 4% 0px 4%;
	justify-content: center;
}

.main-index article h3 {
	font-family: 'digitaldiscomedium';
	font-size: 36px;
	color: rgba(255,234,99,1.00);
	text-align: center;	

}

.main-index article ul li div{
	display: flex;
	justify-content: center;
}
.main-index ul li a{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: white;
	font-size: 28px;
	text-decoration: none;
}

.main-nintendo {
	display: flex;
}

.main-nintendo aside{
	/*background-color: crimson; */
	width: 40%;
}

.main-nintendo h1{
	font-family: 'digitaldiscomedium';
	font-size: 150px;
	color: rgba(255,234,99,1.00);
	padding: 20px 0px 0px 50px;
}

.main-nintendo ul li a {
	font-family: 'digitaldiscothin';
	font-size: 30px;
	color: white;
	padding: 0px 0px 50px 50px;
	text-decoration: none;
}

.main-nintendo article {
	/*background-color: limegreen;*/
	width: 60%;
}

.main-nintendo article img{
	width: auto;
	height: 150px;
	display: block;
	margin-left: auto;
  	margin-right: auto;	
}

.main-nintendo article h3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	color: rgba(255,234,99,1.00);
}

.main-nintendo article p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	color: white;
}

.main-nintendo article h4 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	color: white;
}

.main-nintendo article h5 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	color: rgba(255,234,99,1.00);
	padding: 10px 0px 0px 0px;
}

.main-nintendo article div a {
	text-decoration: none;
	color: rgba(255,234,99,1.00);
}

.main-contact aside h1 {
	padding: 50px 0% 0px 0px;
	font-family: 'digitaldiscomedium';
	font-size: 100px;
	color: rgba(255,234,99,1.00);
	padding-left: 250px;
}

.main-contact article h2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	color: rgba(255,234,99,1.00);
	padding: 50px 0px 0px 250px;
}

.main-contact article p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	color: white;
	padding: 0px 0px 0px 250px;
}

.main-product {
	display: flex;
	padding: 50px 0px 0px 0px;
}

.main-product aside {
	padding: 0px 0px 0px 200px 
}

.main-product article {
	padding: 0px 0px 0px 30px;
	width: 50%;
}

.main-product article h1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 48px;
	color: rgba(255,234,99,1.00);
}
.main-product article h2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 36px;
	color: white;
	padding: 10px 0px 0px 0px;
}

.main-product article p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	color: white;
	padding: 10px 0px 10px 0px;
}

.main-product h2, h3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 36px;
	color: rgba(255,234,99,1.00);
	text-decorations: none;
}

.main-trade aside h1 {
	padding: 50px 0% 0px 0px;
	font-family: 'digitaldiscomedium';
	font-size: 100px;
	color: rgba(255,234,99,1.00);
	padding-left: 250px;
}

.main-trade article p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	color: white;
	padding: 10px 0px 10px 250px;
	width: 80%;
}

footer { 
	height: 110px;
	background-color: rgba(21,51,173,1.00);
}

footer ul {
	display: flex;
	justify-content: center;
}

footer ul li {
	font-family: 'digitaldiscothin';
	padding: 36px 5% 10px 5%;
	font-size: 48px;
	display: block;
}

footer ul li a {
	color: rgba(255,234,99,1.00);
	text-decoration: none;
}