@font-face {font-family: "Okuda";
  src: url("Okuda.woff2")
}

Body {
	font-family:"Okuda";
	font-style:normal;
	font-size: 32px;
	color: #EE9955;
	background-color: #000000;
}

#cont-1 {
	width: 100%;
	height: 100%;
	float:left;
}

.cont-2 {
	height: 100%;
	width: 87%;
	float: left;
}

.vertspaceout {
	float:left;
	width: 5%;
	height: 87.2vh;
	background-color: #4455bb;
}

.vertspacein {
	height: 87.2vh;
	border-radius: 60px 0 0 60px;
	background-color: #000;
}

.cont-3 {
	float: left;
	height: 87.2vh;
	width:95%;
}

.cont-4 {
	float:left;
	width:91%;
	height: 86.1vh;
}

.OButton{
    float: left;
    width: 13%;
}

#Obutton0 {
	height: .75vh;
}

#Obutton1 {
	padding-bottom: 20px;
	padding-right: 20px;
	border-radius: 60px 0 0 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	background-color: #4455bb;
	height: 17.5vh;
}

#Obutton2 {
	padding-right: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: #774466;
	height:8.5vh;
}
#Obutton2:hover {
	background-color: #774466aa;
}

#Obutton3 {
	padding-right: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: #6688cc;
	height:8.5vh;
}

#Obutton4 {
	padding-right: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: #9977aa;
	height:8.5vh;
}

#Obutton5 {
	padding-right: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: #774466;
	height:8.5vh;
}

#Obutton6 {
	padding-right: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: #6688cc;
	height:8.5vh;
}

#Obutton7 {
	text-align: center;
	background-color: #000000;
	height:12vh;
}

#Obutton8 {
	padding-top: 20px;
	padding-right: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	background-color: #4455bb;
	height:17.0vh;
	border-radius: 0px 0px 0px 60px;
}

.Tbar{
	float:left;
	width:100%;
	height:5vh;
}

.Tbar2{
	float:left;
	width:74%;
	height:5vh;
	background-color: #4455bb;
}

.ShipName{
	font-size:2.5vw;
	width:22%;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5vh;
	background-color: #000000;
}

.Tbar3{
	width: 4%;
	float:left;
	border-radius: 0 60px 60px 0;
	height:5vh;
	background-color: #4455bb;
}

.Lbar2{
	width: 100%;
	float:left;
	height:60px;
	background-color: #4455bb;
	border-radius: 0 60px 60px 0;
}

.ibutton {
	width: 8%;
	float:left;
}

.ITop{
	float:left;
	width:100%;
	height:4vh;
}

#IbuttonTop{
	width: 100%;
	float:left;
	height: 19.5vh;
}

#IbuttonSpace{
	width: 100%;
	float:left;
	height:1.5vh;
}

#IbuttonBottom{
	width: 100%;
	float:left;
	height:64vh;
}

#IbuttonSp{
	height: 0.75vh;
}

#Ibutton1{
	width: 100%;
	height: 6vh;
	background-color: #6688cc;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Ibutton2{
	width: 100%;
	height: 6vh;
	background-color: #9977aa;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Ibutton3{
	width: 100%;
	height: 6vh;
	background-color: #6688cc;
	border-radius: 0 0 0 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Ibutton4{
	width: 100%;
	height: 7vh;
	background-color: #6688cc;
	border-radius: 60px 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Ibutton5{
	width: 100%;
	height: 7vh;
	background-color: #9977aa;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Ibutton6{
	width: 100%;
	height: 7vh;
	background-color: #774466;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Ibutton7{
	width: 100%;
	height: 7vh;
	background-color: #9977aa;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Ibutton8{
	width: 100%;
	height: 7vh;
	background-color: #6688cc;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Ibutton9{
	width: 100%;
	height: 7vh;
	background-color: #774466;
	display: flex;
	justify-content: center;
	align-items: center;
}

.inspace{
  float: left;
	width: 4%;
  height: 17vh;
}

.inspaceoutT {
	background-color: #6688cc;
	height: 17vh;
}

.inspaceinT {
	height: 17vh;
	border-radius: 0 0 0 35px;
	background-color: #000;
}

.topinfo{
    width: 96%;
    height: 17vh;
    float: left;
}

.hbutton {
  width: 100%;
  height: 2.5vh;
  float:left;
}

#hb1 {
  font-size: 16px;
  width: 15%;
  background-color: #6688cc;
  float: left;
  height:inherit;
}

#hb2 {
  font-size: 16px;
  width: 15%;
  background-color: #4455bb;
  float: left;
  height:inherit;
}

#hb3 {
  font-size: 16px;
  width: 15%;
  background-color: #774466;
  float: left;
  height:inherit;
}

#hb4 {
  font-size: 16px;
  width: 15%;
  background-color: #9977aa;
  float: left;
  height:inherit;
}

#hb0 {
  width: 0.5%;
  background-color: #000;
  float:left;
  height:inherit;
}

#hb5 {
  float:left;
  width: 2%;
  background-color: #6688cc;
  border-radius: 0 45% 45% 0;
  height:inherit;
}

#hb7 {
  float:left;
  width: 2%;
  background-color: #774466;
  border-radius: 0 45% 45% 0;
  height:inherit;
}

#hb6 {
  float:left;
  width: 8%;
  background-color: #6688cc;
  height:inherit;
}

#hbSpace{
	width: 100%;
	float:left;
	height:1.5vh;
}

.inspaceb{
  float: left;
	width: 4%;
  height: 60vh;
}

.inspaceoutb {
	background-color: #6688cc;
	height: 60vh;
}

.inspaceinb {
	height: 60vh;
	border-radius: 35px 0 0 0;
	background-color: #000;
}

.binfo{
    width: 96%;
    height: 60vh;
    float: left;
}

.dice{
	float:left;
	border:#9977aa 3px solid;
	font-size:2.6vh;
	text-align:center;
	margin:2% 8% 5% 3%;
	width: 35%;

}
button1{
	padding: 0% 15%;
  	margin-left: 17.5%;
	float:left;
	border-radius: 25px;
	background-color: #6688cc;
	font-family:"Okuda";
	font-style:bold;
	font-size: 2vw;
	color: #EE9955;
	transition: .3s; 
}
button1:hover, button1:active {
  outline: none;
  background: #6688ccbb;
  cursor: pointer;
}