@font-face {
  font-family: main;
  src: url(OD_R.woff);
}
@font-face {
  font-family: main_i;
  src: url(OD_I.woff);
  font-weight: italic;
}
@font-face {
  font-family: main_b;
  src: url(OD_B.woff);
  font-weight: italic;
}
body {
	background-color: #20B2AA;
}
.box1 {
    
	background-color: #ffb7c5;
	width: 300px;
	height: 120px;
	border-radius: 25px;
	text-align: left;
	padding-left: 15px;
	margin-top: 5px;
}

.errorbox {
	background-color: #ffb7c5;
	width: 300px;
	height: 450px;
	border-radius: 25px;
	text-align: left;
	padding-left: 15px;
	margin-top: 5px;
}

.box2 {
	background-color: #ffb7c5;
	width: 300px;
	height: 200px;
	border-radius: 25px;
	text-align: left;
	padding-left: 15px;
	margin-top: 5px;
}
.boxsong {
	background-color: #ffb7c5;
	width: 300px;
	height: auto;
	border-radius: 25px;
	text-align: left;
	padding-left: 15px;
	margin-top: 5px;
}

.util {
	background-color: #ffb7c5;
	width: 300px;
	height: 30px;
	border-radius: 15px;
	text-align: left;
	padding-left: 15px;
	margin-top: -5px;

}
.util1 {
	background-color: #ffb7c5;
	width: 300px;
	height: 25px;
	border-radius: 15px;
	text-align: left;
	padding-top: 4px;
	padding-left: 15px;
	margin-top: 15px;

}

.refresh{
	  margin-left: auto;
  margin-right: auto;
	position: relative;
	bottom: 5px;
	left: 10px;
	width: 10px;
    height: 10px;
    background-image: url(
    'refresh-pink.png');
    background-size: cover;
    border: none;
    cursor: pointer;
}
.close{
	position: relative;
	bottom: 5px;
	left: 5px;
	width: 12px;
    height: 12px;
    background-image: url(
    'close-pink.png');
    background-size: cover;
    border: none;
    cursor: pointer;

}
.minimize{
	position: relative;
	bottom: 5px;
	left: 5px;
	width: 12px;
    height: 12px;
    background-image: url(
    'minimize-pink.png');
    background-size: cover;
    border: none;
    cursor: pointer;

}

.bck{
	display: block;
    margin: 0 auto;
	position: relative;
	bottom: 45px;
	left: 43px;
	width: 23px;
    height: 23px;
    background-image: url(
    'back-pink.png');
    background-size: cover;
    border: none;
    cursor: pointer;

}

.music{
	display: block;
    margin: 0 auto;
	position: relative;
	bottom: 45px;
	left: 43px;
	width: 23px;
    height: 23px;
    background-image: url(
    'music-pink.png');
    background-size: cover;
    border: none;
    cursor: pointer;

}

.inf{
	display: block;
    margin: auto;
	position: relative;
	bottom: 68px;
	left: 75px;
	width: 23px;
    height: 23px;
    background-image: url(
    'inf.png');
    background-size: cover;
    border: none;
    cursor: pointer;

}

.eng{
	display: block;
    margin: 0 auto;
	position: relative;
	bottom: 23px;
	left: 10px;
    height: 20px;
	width: 31px;
    background-image: url(
    'eng_flag.png');
    background-size: cover;
    border: none;
    cursor: pointer;

}

.deu{
	display: block;
    margin: 0 auto;
	position: relative;
	bottom: 23px;
	left: 10px;
    height: 20px;
	width: 31px;
    background-image: url(
    'deu_flag.png');
    background-size: cover;
    border: none;
    cursor: pointer;

}

p {
  font-family: main;
}
a {
  font-family: main_i;
}
b {
  font-family: main_b;
}
i {
  font-family: main_i;
}