a {
	color : #fff;
	text-decoration : none;
	cursor : pointer;
}

body,div,p,a,table,tr,td,ul,li {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	text-decoration : none;
}

body {
	background: url("https://raw.githubusercontent.com/picomax/profile/refs/heads/master/hooni.net/layout_office2/bg.jpg");
}

body,div,table { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.container {
	width: 100%;
}

.contents {
	width: 770px;
	background: url("https://raw.githubusercontent.com/picomax/profile/refs/heads/master/media/manito.jpg");
}
/*
#frmtbl {
	border-color: fda317;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/ * width: 770px; * /
	/ * height: 2820px; * /
	
}
*/
div.comment1 {
	font-size: 50px;
	color: #fdaf17;
	font-weight: bold;
	text-shadow: #a0a0a0 3px 3px;
}

div.comment2 {
	font-size: 30px;
	color: #4a332b;
}

div.period {
	padding-left: 232px;
	font-size: 32px;
	color: #4a332b;	
}

div.mission0 {
	padding-left: 200px;
	font-size: 52px;
	color: #4a332b;
	font-weight: bold;
	text-shadow: #ffffff 3px 3px;
}

div.mission1 {
	padding-left: 140px;
	font-size: 40px;
	color: #4a332b;
	margin-bottom: -15px;
}

div.sub1 {
	padding-left: 90px;
	font-size: 30px;
	color: #4a332b;
	line-height: 34px;
}

div.mission2 {
	padding-left: 240px;
	font-size: 34px;
	color: #4a332b;
}

div.result0 {
	padding-top: 30px;
	padding-left: 100px;
	font-size: 28px;
	color: #4a332b;
}
div.result1 {
	padding-left: 80px;
	font-size: 34px;
	color: #4a332b;
}
div.result2 {
	padding-left: 140px;
	font-size: 34px;
	color: #4a332b;	
}

div.myinfo0 {
	padding-left: 190px;
	font-size: 48px;
	color: #ffffff;
	font-weight: bold;
	text-shadow: #a0a0a0 3px 3px;
}
div.myhmac0 {
	padding-left: 50px;
	line-height: 60px;
	font-size: 34px;
	color: #c0c0c0;
	font-weight: bold;
}
div.myhmac1 {
	padding-left: 50px;
	padding-right: 50px;
	line-height: 60px;
	font-size: 34px;
	color: #c0c0c0;
	font-weight: bold;
}

div.guide0 {
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
}

div.name0 {
	font-size: 30px;
	color: #b0b0b0;
	font-weight: bold;
}

div.manito {
	font-size: 65px;
	color: #ffffff;
	font-weight: bold;
	text-shadow: #a0a0a0 3px 3px;
}

div.start {
	width: 380px;
	height: 216px;
	background: url("https://raw.githubusercontent.com/picomax/profile/refs/heads/master/media/imac_boot_start.png");
}

div.complete {
	width: 380px;
	height: 216px;
	background: url("https://raw.githubusercontent.com/picomax/profile/refs/heads/master/media/imac_boot_complete.png");
}

div.desktop {
	width: 380px;
	height: 216px;
	background: url("https://raw.githubusercontent.com/picomax/profile/refs/heads/master/media/imac_desktop.jpg");
}

div.bluescreen {
	width: 380px;
	height: 216px;
	background: url("https://raw.githubusercontent.com/picomax/profile/refs/heads/master/media/window_bluescreen.jpg");
}


#progress {
	padding-left: 106px;
	padding-top: 160px;
	height: 8px;
}

div.text1 {
	font-size: 54px;
	color: #e8e8e8;
}
div.text2 {
	font-size: 64px;
	color: #fdaf17;
	/*text-shadow: #a0a0a0 3px 3px;*/
}
div.text3 {
	font-size: 30px;
	color: #ffffff;
}

div.text1 > span {
	font-weight: bold;
}
div.text2 > span {
	font-weight: bold;
}



#shuffle > div.name {
    float: left;
    line-height: 50px;
    width: 100px;
    text-align: center;
    background-color: steelblue;
    font-size: 20px;
    color: #fff;
    border-radius: 8px;
    margin: 3px;
}

#shuffle > div.arrow {
    float: left;
    line-height: 50px;
    width: 50px;
    text-align: center;
    font-size: 30px;
    /*background-color: steelblue;*/
    /*color: #fff;*/
    color: steelblue;
    border-radius: 8px;
    margin: 3px;
}

#shuffle {
    max-width: 280px;
}