/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

code {
	border: none;
}

.wp-about-author-pic{
	background: transparent;
	padding: 0;
}
.wp-about-author-text p {
        font-size: 0.9em;
}

.author-info{
	display: none;
}

.site-title a {
display: block;
width: 382px;
height: 65px;
background: url(wp-content/uploads/2017/03/dynetis-relief-space.png) no-repeat 0 0;
text-indent: -9999px;
}

.mybox {
	padding: 10px;
	padding-left: 84px;
	min-height: 64px;
	border-radius: 10px;
	border: 2px solid;
}

.code_box {
	background: url(wp-content/uploads/2017/03/code.png) no-repeat 10px 10px #ffc67c;
	border-color: #967448;
}

.play_box {
	background: url(wp-content/uploads/2017/03/play.png) no-repeat 10px 10px #59d84e;
	border-color: #277720;
}

.danger_box {
	background: url(wp-content/uploads/2017/04/danger.png) no-repeat 7px 5px beige;
	border-color: orange;
  padding-left: 87px;
}

.music_box {
	background: url(wp-content/uploads/2017/04/music.png) no-repeat 7px 10px white;
	border-color: #76c2af;
  padding-left: 87px;
}

.slack_box {
	background: url(wp-content/uploads/2017/04/slack.png) no-repeat 7px 10px white;
	border-color: #4D394B;
  padding-left: 87px;
}

.patreon_box {
	background: url(wp-content/uploads/2018/01/patreon-64.png) no-repeat 10px 10px;
	border-color: #e6461a;
}

.play_box_emphasized {
	font-size: 1.2em;
	font-weight: bold;
}

.play_box a {
	color: white;
}

.current_file {
	background: url(wp-content/uploads/2017/03/github.png) 5px no-repeat;
	padding: 2px;
	padding-left: 34px;
	padding-right: 10px;
	border-radius: 10px;
	border: 2px solid;
}

.credit {
	font-size: 0.7em;
}

.main-navbar::before {
	display: none;
}

.my-social {
    border: 3px solid;
    width: 100px;
    height: 25px;
    border-radius: 10px;
    padding-left: 32px;
    /*padding-top: 0px;*/
    font-weight: bold;
    font-family: arial;
    margin-top: 2px;
}
.tw {
  border-color: #6dbfd2;
  background: url(wp-content/uploads/2017/03/social-tw-32.png) no-repeat -4px -4px white; 
  color: #6dbfd2;
}
.fb {
  border-color: #3a5b98;
  background: url(wp-content/uploads/2017/03/social-fb-32.png) no-repeat -4px -4px white;  
  color: #3a5b98;
}
.mail {
  border-color: #e75a4d;
  background: url(wp-content/uploads/2017/03/social-mail-32.png) no-repeat -3px -4px white;  
  color: #e75a4d;
}
.my_social_div a {
	text-decoration: none;
}
.about{
  font-family: arial;
  border: 1px solid #d9edf7;
  border-radius: 5px;  
  min-height: 250px; 
}

.about h2 {
  background: #d9edf7;
  margin: 0;
  padding: 3px;
  padding-left: 7px;
  color: #3180b3;
  font-weight: normal;
}

.about p {
    padding-left: 210px;
    margin-top: 7px;
    display: inline-block;
}

.about_me{
  background: url(wp-content/uploads/2017/03/provence_profile2.jpg) no-repeat 0 30px white; 
  background-size: 200px;
}

.about_site{
  background: url(wp-content/uploads/2017/03/logo200.png) no-repeat 0 30px white; 
  background-size: 200px;
}


.progress-bar {
background-color: #1a1a1a;
height: 30px;
padding: 5px;
width: 90%;
margin: 5px 0 15px;
border-radius: 5px;
box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}
.progress-bar span {
	padding-left: 5px;
	font-weight: bold;
	display: inline-block;
	float: left;
	height: 100%;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	transition: width .4s ease-in-out;
}
.blue span {
background-color: #34c2e3;
}
.orange span {
background-color: #fecf23;
}
.progress-text {
text-align: right;
color: white;
margin: -25px 0px; 
}