/* NORMALIZE================================================================ */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100% ;} html,button,input,select,textarea{font-family:sans-serif;} body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} h1{font-size:2em;
//margin:0.67em 0;
} h2{font-size:1.5em;margin:0.83em 0;} h3{font-size:1.17em;margin:1em 0;} h4{font-size:1em;margin:1.33em 0;} h5{font-size:.83em;margin:1.67em 0;} h6{font-size:.67em;margin:2.33em 0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:700;} blockquote{margin:1em 40px;} dfn{font-style:italic;} mark{background:#ff0;color:#000000;} p,pre{margin:1em 0;} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} q{quotes:none;} q:before,q:after{content:'';content:none;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} dl,menu,ol,ul{margin:1em 0;} dd{margin:0 0 0 40px;} menu,ol,ul{padding:0 0 0 20px;} nav ul,nav ol{list-style:none;list-style-image:none;} img{border:0;-ms-interpolation-mode:bicubic ;} svg:not(:root){overflow:hidden;} figure{margin:0;} form{margin:0;} fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;white-space:normal;*margin-left:-7px ;} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle ;} button,input{line-height:normal;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible ;} button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px ;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top ;} table{border-collapse:collapse;border-spacing:0;}
/* CORE================================================================ */
html, body {min-height: 100%; padding: 0; margin: 0; width: 100%; }
html {font-size: 62.5%;   
background: url(/images/81915.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size: 100% 100%;
background-attachment: fixed, fixed;

    background-color: black;
   }

@font-face {
	font-family: "BarkentinaRegular";
	src: url("/fuel/fonts/BarkentinaRegular/BarkentinaRegular.eot");
	src: url("/fuel/fonts/BarkentinaRegular/BarkentinaRegular.eot?#iefix")format("embedded-opentype"),
	url("/fuel/fonts/BarkentinaRegular/BarkentinaRegular.woff") format("woff"),
	url("/fuel/fonts/BarkentinaRegular/BarkentinaRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}


body {
font-size: 16px;
 line-height: 1.5;
 color: white;
 font-family: 'BarkentinaRegular', 'Raleway', 'Lucida Grande', 'Gill Sans', Arial, Helvetica, Sans-serif;
-webkit-font-smoothing: antialiased;
text-shadow: 0 1px 0 rgba(0,0,0,0.01);
 }
body > svg, .main_container > svg { display: none; }
.wrapper { max-width: 1000px; margin: 0 auto; }
.page { min-width: 1000px !important; padding-top:35px; }


a:link, a:visited { 
color: #ffc107; 
text-decoration: none;
 }

#sidemenu a:link, #sidemenu a:visited, #sidemenu a:hover, #sidemenu a:active, #sidemenu a:focus { 
color: #ffc107; 
}



.yeah a:link, .yeah a:visited, .yeah a:hover, .yeah a:active, .yeah a:focus{
color: none; 
}
.yeah table a:link, .yeah table a:visited, .yeah table a:hover, .yeah table a:active, .yeah table a:focus{
color: #ffc107; 
}
.yeaha  a:link, .yeaha  a:visited, .yeaha a:hover, .yeaha a:active, .yeaha a:focus{
color: #ffc107; 
}
a:hover, a:active, a:focus { 
 }





h1 {
  font-size: 2em;
  text-align: center;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: .3em;
  white-space:nowrap;


  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;

}

span {
  color: #000;
  font-family: 'Caesar Dressing', cursive !important;
  vertical-align: middle;
  letter-spacing: .2em;
}

span.spanl {
  //color: red;
  font-family: 'Caesar Dressing' cursive !important;
  vertical-align: left;
  letter-spacing: 0em !important;
}



.firetext {
  animation: animation 1s ease-in-out infinite alternate;
  -moz-animation: animation 1s ease-in-out infinite alternate;
  -webkit-animation: animation 1s ease-in-out infinite alternate;
  -o-animation: animation 1s ease-in-out infinite alternate;
}

.burntext {
  animation: animation .50s ease-in-out infinite alternate;
  -moz-animation: animation .50s ease-in-out infinite alternate;
  -webkit-animation: animation .50s ease-in-out infinite alternate;
  -o-animation: animation .50s ease-in-out infinite alternate;
}

.burntext1 {
  animation: animation 1.65s ease-in-out infinite alternate;
  -moz-animation: animation 1.65s ease-in-out infinite alternate;
  -webkit-animation: animation 1.65s ease-in-out infinite alternate;
  -o-animation: animation 1.65s ease-in-out infinite alternate;
}

.burntext2 {
  animation: animation 1.75s ease-in-out infinite alternate;
  -moz-animation: animation 1.75s ease-in-out infinite alternate;
  -webkit-animation: animation 1.75s ease-in-out infinite alternate;
  -o-animation: animation 1.75s ease-in-out infinite alternate;
}

.burntext3 {
  animation: animation 1.90s ease-in-out infinite alternate;
  -moz-animation: animation 1.90s ease-in-out infinite alternate;
  -webkit-animation: animation 1.90s ease-in-out infinite alternate;
  -o-animation: animation 1.90s ease-in-out infinite alternate;
}

.burntext4 {
  animation: animation 2.05s ease-in-out infinite alternate;
  -moz-animation: animation 2.05s ease-in-out infinite alternate;
  -webkit-animation: animation 2.05s ease-in-out infinite alternate;
  -o-animation: animation 2.05s ease-in-out infinite alternate;
}

.burntext5 {
  animation: animation 2.20s ease-in-out infinite alternate;
  -moz-animation: animation 2.20s ease-in-out infinite alternate;
  -webkit-animation: animation 2.20s ease-in-out infinite alternate;
  -o-animation: animation 2.20s ease-in-out infinite alternate;
}

@keyframes animation
{
0% {text-shadow: 0 0 5px #fefcc9,
  2px -2px 7px #feec85,
  -5px -5px 10px #ffae34,
  5px -5px 12px #ec760c,
  -5px -15px 15px #cd4606,
  0 -20px 17px #973716,
  2px -22px 20px #451b0e;}
100% {text-shadow: 0 0 5px #fefcc9,
  2px -2px 7px #fefcc9,
  -5px -5px 10px #feec85,
  6px -11px 15px #ffae34,
  -6px -13px 17px #ec760c,
  0 -21px 20px #cd4606,
  2px -22px 20px  #973716;}
}

@-moz-keyframes animation
{
0% {text-shadow: 0 0 5px #fefcc9,
  2px -2px 7px #feec85,
  -5px -5px 10px #ffae34,
  5px -5px 12px #ec760c,
  -5px -15px 15px #cd4606,
  0 -20px 17px #973716,
  2px -22px 20px #451b0e;}
100% {text-shadow: 0 0 5px #fefcc9,
  2px -2px 7px #fefcc9,
  -5px -5px 10px #feec85,
  6px -11px 15px #ffae34,
  -6px -13px 17px #ec760c,
  0 -21px 20px #cd4606,
  2px -22px 20px  #973716;}
}


@-webkit-keyframes animation
{
0% {text-shadow: 0 0 5px #fefcc9,
  2px -2px 7px #feec85,
  -5px -5px 10px #ffae34,
  5px -5px 12px #ec760c,
  -5px -15px 15px #cd4606,
  0 -20px 17px #973716,
  2px -22px 20px #451b0e;}
100% {text-shadow: 0 0 5px #fefcc9,
  2px -2px 7px #fefcc9,
  -5px -5px 10px #feec85,
  6px -11px 15px #ffae34,
  -6px -13px 17px #ec760c,
  0 -21px 20px #cd4606,
  2px -22px 20px  #973716;}
}


@-o-keyframes animation
{
0% {text-shadow: 0 0 5px #fefcc9,
  2px -2px 7px #feec85,
  -5px -5px 10px #ffae34,
  5px -5px 12px #ec760c,
  -5px -15px 15px #cd4606,
  0 -20px 17px #973716,
  2px -22px 20px #451b0e;}
100% {text-shadow: 0 0 5px #fefcc9,
  2px -2px 7px #fefcc9,
  -5px -5px 10px #feec85,
  6px -11px 15px #ffae34,
  -6px -13px 17px #ec760c,
  0 -21px 20px #cd4606,
  2px -22px 20px  #973716;}
}





h2 { font-size: 25px; font-weight: normal; }
h3 { font-size: 44px; margin: 0.25em 0; }
h4 { font-size: 24px; font-weight: bold; margin: 1.2em 0; color: #ffc107;}
.page_header { text-align: center; padding-top: 5px; }
section { padding: 1em;  min-height:700px; 
background-image: url("/images/main_blog_fon1.png");
background-repeat: repeat-y; background-size: 100% auto; }

.sectionfoot { min-width: 700px; min-height: 200px; padding: 0em;  background-image: url("https://cdn.discordapp.com/attachments/171665539645571072/538463663665971240/Main-footer3.png");
background-repeat:;background-size:100% 100%; }

.sectionfootside { margin-left:-12px;margin-top:-20px; min-height: 200px;min-width: 160px;  padding: 0em;  background-image: url("/images/cant-ju2.png");
background-repeat:no-repeat;background-size:100% auto; }

.sectionfootsided { margin-left:-10px;margin-top:-20px;min-height: 200px;min-width: 160px;  padding: 0em;  background-image: url("/images/cant-ju2d.png");
background-repeat:no-repeat;background-size:100% auto; }

.sectionfootcenter{	
 margin-top:-10px;min-width: 220px; min-height: 200px;  padding: 0em;
background-image: url("/images/main_blog_footer.png");
background-position: center top;
background-repeat:no-repeat;background-size:100% auto; 
}


.sidemenu  { padding: 1em;min-width: 160px; margin-left:-12px;  
background-image: url("/images/main-sidebar-background4.png");
background-repeat:repeat-y; background-size:contain;

 }

.sidebar  { padding: 1em;min-width: 160px; margin-left:-10px;
background-image: url("/images/main-sidebar-background4.png"); 
background-repeat:repeat-y; background-size:contain;
}

section header { border-top: 1px solid #3dbfd9; border-bottom: 1px solid #3dbfd9; clear: both; }
ol { list-style: none; margin: 2em 0; padding:0;  }
ol li { clear: both; margin: 1em 0; }
.icon_block { float: left; width: 16%; min-width: 100px; text-align: center; margin-top: 5px; }
.content_block { overflow: hidden; }
.circle { margin-top: 0.4em; display: inline-block; font-size: 30px; font-weight: bold; line-height: 55px; background: #3dbfd9; border-radius: 50%; width: 60px; height: 60px; }
.circle svg { margin: 15px; float: left; }
.bullets li { list-style: disc; margin-bottom: 0.74em; }
.bullets li ul { padding-left: 0; }
.bullets li li { list-style: none; margin: 0.5em 0; }
.small { font-size: 14px; }
.cta, .cta:link, .cta:visited { font-weight: bold; position: relative; float: right; border: 2px solid white; text-transform: uppercase; white-space: nowrap; color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; line-height: 2; font-size: 20px; padding: 0.3em 3.5em 0.3em 1em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #ff0000; }
.cta:hover, .cta:active, .cta:focus {text-decoration: none; background: #333333; }
.cta svg { position: absolute; right: 1em; top: 20%; }
.writable { padding: 0; list-style: none; }
.writable li { color: #212326; border-radius: 8px; background: #e2f5f9; padding: 0.75em 1em; }
.writable .error { border: 2px solid red; }
.writable .success { border: 2px solid green; }
.footer { padding: 2em 0; position: relative; }
.footer .mainnav {margin-top: 0.5em; }
.footer a:link, .footer a:visited { color: white; }
.mainnav { color: #bcffff; font-size: 14px; font-size: 1.4rem; text-align: center; }
.mainnav ul { padding: 0; margin: 0 auto; }
.mainnav li { display: inline-block; float: none; position: relative; }
.mainnav a { text-transform: uppercase; margin-right: 0.8em; position: relative; }
.mainnav a:link, .mainnav a:visited { color: #bcffff; }
.mainnav a:hover, .mainnav a:active, .mainnav a:focus {color: #ffffff; }
.mainnav a:after {content: '/'; display: inline-block; padding-left: 1em; left: 0; top: 0; font-size: 12px; font-size: 1.2rem; color: #bcffff; }
.mainnav .first a { font-size: 16px; padding-left: 0; outline: none; }
.mainnav .first a:after {content: '/'; }
.footer .left { position: absolute; margin: 0; }
.colophon {clear: both; text-align: center; margin-top: 3em; font-size: 12px; }
.colophon svg { margin-bottom: -8px; }
.small svg { margin-bottom: -15px; }
.callout { color: #f00; }
#error_404 { padding: 2em; text-align: center; }

/*
.skillinformation {
 background: url(/images/site-post-background.png); 
  -webkit-background-size: cover cover;
  -moz-background-size: cover cover;
  -o-background-size: cover cover;
  background-size: 100% 100%;
	min-height:300px;
	margin: 20px 40px 0px 40px;
	padding: 25px 25px 25px 25px;

  border: 2px solid #54382A;
padding:50px 50px 50px 50px;

}
*/
.skillinfo {
 //background: url(https://cdn.discordapp.com/attachments/171665539645571072/544185956073472000/border.bmp) no-repeat top left fixed; 
//background: linear-gradient(blue, 10%, pink);
//background-image: url(https://cdn.discordapp.com/attachments/171665539645571072/544185956073472000/border.bmp) 100% 100%;
background: linear-gradient(to bottom right, rgba(191,117,13,1), 50%,
              rgba(227,146,32,1)); // , url('/images/post-fire.png')
	background-size: 80% 100%;
  -webkit-background-size: cover cover;
  -moz-background-size: cover cover;
  -o-background-size: cover cover;

	min-height:300px;
margin:30px 20px 30px 20px;
    border: 5px ridge #897046;

}

.skillinfo h2{
color:white;
padding-left:50px;
font-weight: bold;
}

.skillinfo2 {
background: linear-gradient(to bottom right, 
	rgba(84,56,42,1), 50%,
        rgba(115,81,53,1)); // , url('/images/post-fire.png')
	background-size: 80% 100%;
  -webkit-background-size: cover cover;
  -moz-background-size: cover cover;
  -o-background-size: cover cover;

	min-height:300px;
padding:5px 20px 5px 20px;


}
.skillinfo2 p{
color:gold;
}


.uotables a:link, .uotables a:visited, .uotables a:hover, .uotables a:active, .uotables a:focus {
color: black; 
}

.uotables table {
background: linear-gradient(to bottom right, 
	rgba(84,56,42,1), 50%,
        rgba(115,81,53,1)); // , url('/images/post-fire.png')
	background-size: 80% 100%;
  -webkit-background-size: cover cover;
  -moz-background-size: cover cover;
  -o-background-size: cover cover;

	min-height:300px;
padding:5px 20px 5px 20px;

font-size: 17px;
}