body{font-size:74%;
text-align:center;
line-height:1.9;
 background: #fff;
letter-spacing:1.0px;}

#wrp{width:580px;
  margin:0 auto;
  padding:50px 25px 25px 25px;
}

#header{
text-align:center;
width:30%;
margin-right:20px;
vertical-align: middle;
display: inline-block;
}

#nav{
padding:0;
margin:0;
text-align:left;
width:65%;
vertical-align: middle;
display: inline-block;
}

ul {
list-style: none;
font-size: 15px;
line-height: 1.4;
}

li {
margin:10px 5px;
display: inline-block;
position: relative;
border-bottom:solid 3px #ffff00; 
}

#content{
height:auto;
width:100%;
border:0px;
}.sickle{
  position: relative;
  display: block;
  margin: 2rem;
  width: 10rem;
  font-size: 2px;
  height: 10rem;
  background-color: transparent;
  box-shadow: inset -12px 5px 0 3px #ffff00;
  border-radius: 50%;
}

h1 {
font-size:17px;
margin:30px;
letter-spacing: 3px;
line-height: 1em
}

h2 {
  background: repeating-linear-gradient(-45deg, #fff459, #fff459 5px, #ffc9c9 5px, #ffc9c9 10px);
  padding: 0.3em 0.5em;
}

p {
  color: #000;
  font-size:15px;
  margin:0;
padding-top:10px;
}

.box{
width:600px;
 margin: 0px auto;
padding: 20px;
 color:#000;
text-align:left;
}a{
position: relative;
padding:3px;
font-size:15px;
border: 0;
color:#000;
text-decoration:none;
}

a:hover {
color: #fa8072;
}


strong {
background:linear-gradient(transparent 70%, #fa8072 0%)
}


.box2{
margin:2em 0;
position: relative;
padding: 1.5em 1.5em;
border-top: solid 1px #ffd700;
border-bottom: solid 1px #ffd700;
}
.box2:before, .box2:after{
content: '';
position: absolute;
top: -10px;
width: 1px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
background-color: #f3d076;
}
.box2:before {left: 10px;}
.box2:after {right: 10px;}
.box2 p {
margin: 0;
padding: 0;
} 
.box2 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 30px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #999;
font-weight: normal;
}