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


/* ################## GENERAL ###################*/

body {font-family: "Calibri", sans-serif;
	margin: auto;}
div .wrapper {
	max-width: 1500px; 
	max-height: 1000px;
	margin-right: auto;
  	margin-left: auto;
	text-align:center;}
div .mySlides {display: none;}
div .mySlides img {
	width:600px;}
div .bigname {
	color:#ecbb13;
	font-weight:bolder;}
div .skills {
	color:#000000;
	font-weight:bold;}
div .genre {
	color:#000000;
	font-weight:normal;}
td {text-align:center;}
div .myButtons1 img {
	height:2em;
	padding-left: 10px}
div .myButtons2 img {
	height:2em;
	padding-right: 10px}

	
/* ################### OLDER PHONES #####################*/

@media only screen
and (min-width : 248px)
and (max-width : 380px) 
{
div .mySlides img {
	width:230px;}
div .bigname {
	font-size:1.3em;
	padding-top:0.4em;
	padding-bottom:0.4em;}
div .skills {
	font-size:1em;
	padding-top:0.3em;
	padding-bottom:0em;}
div .genre {
	font-size:0.7em;
	padding-top:0.6em;
	padding-bottom:0.8em;}
div .myButtons1 img {
	height:1.7em;}
div .myButtons2 img {
	height:1.7em;}
}


/* ################### IPHONE 12 #####################*/

@media only screen
and (min-width : 380px)
and (max-width : 600px) 
{
div .mySlides img {
	width:360px;}
div .bigname {
	font-size:1.7em;
	padding-top:0.4em;
	padding-bottom:0.4em;}
div .skills {
	font-size:1.5em;
	padding-top:0.3em;
	padding-bottom:0.2em;}
div .genre {
	font-size:1.1em;
	padding-top:0.4em;
	padding-bottom:0.8em;}
div .myButtons1 img {
	height:2em;}
div .myButtons2 img {
	height:2em;}
}


/* ################### BIGGER #####################*/
		
@media only screen
and (min-width : 600px) 
{
div .bigname {
	font-size:3em;
	padding-top:0.4em;
	padding-bottom:0.4em;}
div .skills {
	font-size:2em;
	padding-top:0.3em;
	padding-bottom:0em;}
div .genre {
	font-size:2em;
	padding-top:0.4em;
	padding-bottom:0.8em;}
div .myButtons1 img {
	height:3em;}
div .myButtons2 img {
	height:3em;}
td {text-align:center;}
}