BODY {
				background-color:black; font-family:Roboto; padding-top:30px;
			}
			A:link, A:active, A:visited	{
				color:black;
				text-decoration:none;
				font-size:14px;
			}
			#mainbox {
				width:1300px; height:840px; margin:auto; font-weight:100; background-color:white
			}
			.rightpanel{
				float:right; width:536px; height:660px; background-color:white; padding-top:90px; padding-left:90px; padding-right:10px; padding-bottom:90px; margin:0px
			}
			IFRAME {
				width:536px; height:660px; border:0px solid gray; font-family:Roboto;
			}
			#leftpanel {
				float:left; width:469px; height:660px; background-color:white; padding:90px; margin:0px; background-repeat:no-repeat
			}
			#nav{
				margin:auto; margin-top:200px; width:490px;
			}
			.navlink {
				cursor:pointer; width:190px; height:84px; float:left; border-radius: 12px; background-repeat: no-repeat; margin: 7px;  box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.1);  0 0 25px black, 0 0 10px black; font-size:22px; color:white; letter-spacing:1.5px; padding:20px;
			}
			#projectslink {
				background-image:url(assetts/link-projects.png)

			}
			#skillslink {
				background-image:url(assetts/link-skills.png);
			}
			#attitudelink {
				background-image:url(assetts/link-attitude.png);
			}
			#biolink {
				background-image:url(assetts/link-bio.png);
			}
			H1 {
				cursor:pointer; font-size:64px; font-weight:100; text-align:right; letter-spacing:6px; white-space:nowrap
			}
			H2 {
				font-size:36px; font-weight:100; text-align:right; margin-top: -40px
			}
			H3 {
				font-size:24px;
				font-weight:100;
			}
			.skills {font-weight:600; line-height:28px}
			.bg-home	{
				background-image:url(assetts/bg-home.png);
			}
			.bg-projects	{
				background-image:url(assetts/bg-projects.png);
			}
			.bg-attitude		{
				background-image:url(assetts/bg-attitudes.png);
			}
			.bg-bio	{
				background-image:url(assetts/bg-bio.png);
			}
			.bg-skills	{
				background-image:url(assetts/bg-skills.png);
			}
			.float	{
				float:left;
			}