p{
	padding-left:0;
	position:relative
}
h2,h3,h4,h5,h6 {
	font-size:20px;
	display:block;
	margin-bottom:1.2rem;
	position:relative;
	color:#336699
}
.joy-left{width:100%;text-align:left;line-height:1.4;display:flex;flex-direction:row}
ol, ul{color:#cccccc;list-style-position:inside;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}

ul a{color:#0ea6e1}
ul a:hover{color:#7ad529;text-decoration:underline}
ol a{color:#0ea6e1}
ol a:hover{color:#7ad529;text-decoration:underline}

.border {
list-style: none;
padding: 0;
width:100%;
max-width:1024px;
margin-top: 15px;
margin-bottom: 15px;
}
.border li {
content:"";
font-family: "Trebuchet MS", "Lucida Sans";
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 5px;
border-left: 10px solid #f05d22; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
     -2px -2px 5px 0 rgba(0,0,0,.1),
    2px 2px 5px 0 rgba(0,0,0,.1),
    -2px 2px 5px 0 rgba(0,0,0,.1);
font-size: 20px;
letter-spacing: 2px;
transition: 0.3s all linear;
}
.border li:nth-child(2){border-color: #8bc63e;}
.border li:nth-child(3){border-color: #ff33cc;}
.border li:nth-child(4){border-color: #fcba30;}
.border li:nth-child(5){border-color: #663366;}
.border li:nth-child(6){border-color: #cccccc;}
.border li:nth-child(7){border-color: #cc9933;}
.border li:nth-child(8){border-color: #663333;}
.border li:nth-child(9){border-color: #1ccfc9;}
.border li:nth-child(10){border-color: #336699;}
.border li:nth-child(11){border-color: #666699;}
.border li:nth-child(12){border-color: #006666;}
.border li:nth-child(13){border-color: #660066;}
.border li:hover {border-left: 10px solid transparent;}
.border li:nth-child(1):hover {border-right: 10px solid #f05d22;}
.border li:nth-child(2):hover {border-right: 10px solid #8bc63e;}
.border li:nth-child(3):hover {border-right: 10px solid #ff33cc;}
.border li:nth-child(4):hover {border-right: 10px solid #fcba30;}
.border li:nth-child(5):hover {border-right: 10px solid #663366;}
.border li:nth-child(6):hover {border-right: 10px solid #cccccc;}
.border li:nth-child(7):hover {border-right: 10px solid #cc9933;}
.border li:nth-child(8):hover {border-right: 10px solid #663333;}
.border li:nth-child(9):hover {border-right: 10px solid #1ccfc9;}
.border li:nth-child(10):hover {border-right: 10px solid #336699;}
.border li:nth-child(11):hover {border-right: 10px solid #666699;}
.border li:nth-child(12):hover {border-right: 10px solid #006666;}
.border li:nth-child(13):hover {border-right: 10px solid #660066;}