@font-face {
    font-family: 'RobotoSlabRegular';
    src: url('/RobotoSlabRegular.ttf');
}
@font-face {
    font-family: 'RobotoSlabRegular';
    src: url('/RobotoSlabBold.ttf');
    font-weight: bold;
}

* {
  font-family: RobotoSlabRegular;
  color: #d6d6d6;
  line-height: 1.75;
}

input {
  font-size: 18px;
  border: #292929 solid 1px;
  border-radius: 8px;
}

textarea {
  padding: 0;
  resize: none;
}

input[type=text]:focus {
  box-shadow: 0px 0px 2px 2px #988147;
  outline: none;
}

textarea:focus {
//  box-shadow: 0px 0px 2px 2px #988147;
  outline: none;
}

a:hover {
  color: #dbab2d;
}

h2 {
  color: #ebb731;
}

h3 {
  font-size: 20;
  color: #deb753;  
}

select {
  background: #4e4b4b;
  border: #292929 solid 1px;
  border-radius: 8px;
  border: #292929 solid 1px;
  padding: 4px;
  font-size: 18px;  
}

legend {
  color: #ebb731;
  font-size: 24px;
}

table {
  border-collapse: collapse;
}

th {
  padding: 0 10px 0 10px;  
}

td {
  padding: 0 5px 0 5px;  
}

.main_link {
  font-size: 20px;
  margin: 14px;
  margin-top: 17px;
  display: inline-block;
  color: #dedede; 
}

.action_button {
  background: linear-gradient(rgb(103 204 107) 0%, rgba(56,171,57,1) 100%);
  border-radius: 8px;
  padding: 10px;
  text-decoration: none;
  color: white;
  margin-left: 128px;
}

.action_button:hover {
  background: linear-gradient(rgb(255 186 84) 0%, #ff9800 100%);
  color: white;
}

.front_header {
  color: #dbab2d; 
  font-weight: bold; 
  font-size: 20px;  
}

.front_list {
  color: #f1f1f1;
  display: inline;
  font-weight: bold;
  font-size: 16px;  
}

.blog_header{
  font-size: 25px;
  margin-bottom: 10px;
  color: #ddac2f;
}

.blog_post{
  margin-bottom: 60px;
  margin-top: 10px;
}

.blog_time{
  margin-top: 10px;
  display: inline-block;
  font-size: 16px;
  color: #989898;
  font-style: italic;
}

.footer_image{
  filter: grayscale(100%);
}

.footer_image:hover{
  filter: grayscale(0%);
}

.profile_left_stats {
  line-height: 1.5;
  padding-right: 5px;
}

.profile_right_stats {
  line-height: 1.5;
  text-align: right;
  color: #d4b046;
}

.profile_level_name {
  font-weight: bold;
  font-size: 16px;
}

.profile_stat {
  text-align: center;
}

.profile_comp_score_th {
  padding: 9px;
}

.profile_computer_main_stat {
  font-weight: bold;
}

.profile_computers_irrelevant_stat {
  color: grey;  
}

.profile_computer_stat {
  text-align: center;
  font-size: 16px;
  font-style: italic;
}

.profile_computer_name {
  color: #ecb833;
  text-align: center;
}

.profile_score {
  width: 24px;
  margin-left: -7px;
}

.profile_box {
  background: #464343;
  border-radius: 5px;
  box-shadow: #313131 0px 0px 10px;
  padding: 30px;  
  position: relative;
}

.profile_score_description {
  font-size: 10px;
  color: grey;
}

.button {
  display: inline-block;
  margin-bottom: 5px;
  background: linear-gradient(rgb(83 189 88) 0%, rgba(56,171,57,1) 100%);
  border-radius: 10px;
  padding: 8px;
  line-height: 1;
  box-shadow: #313131 0px 0px 10px;
  color: white;
  cursor: pointer;
  font-size: 15px;
  user-select: none;
}

.button:hover {
  background: #ecb833;
  color: white !important;
}

.tag {
  display: inline-block;
  margin-bottom: 5px;
  background: linear-gradient(#e2b734 0%, #c38a34 100%);
  border-radius: 10px;
  padding: 5px;
  line-height: 1;
  box-shadow: #313131 0px 0px 10px;
  color: white;
  font-size: 15px;
  white-space: nowrap;
}

.tag_disabled {
  color: #828282;
  background: #4c4c4c;
}

.forum_overview_post {
  border-radius: 5px;
  box-shadow: #313131 0px 0px 10px;
  padding: 3px;
  width: 710px;
  min-height: 90px;
  float: left;
  line-height: 1;
  margin: 4px;
  margin-left: 17px;
  color: #a0a0a0;
  background: #464343;
  animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;
  -webkit-animation: fadein 0.5s;
  -o-animation: fadein 0.5s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.normal_post {
  color: #a0a0a0;
}

.normal_comments {
  color: #a0a0a0;
}

.normal_post_posted_time {
  color: #a0a0a0;
}

.normal_post_level {
  color: #a0a0a0;
}

.locked {
  color: #a0a0a0;
}

.locked_comments {
  color: #a0a0a0;
}

.locked_posted_time {
  color: #a0a0a0;
}

.locked_level {
  color: #a0a0a0;
}

.forum_overview_post:not(.locked) {
  cursor: pointer;
}

.forum_overview_post:not(.locked):hover {
  background: #696464
}

.new_content {
  color: #eabc4e;
}

.new_content_posted_time {
  color: #a0a0a0;
}

.code_box {
  background: #4e4b4b;
  border: #292929 solid 1px;
  border-radius: 8px;
  padding: 7px;
  display: inline-block;
  font-size: 18px;
}

.message_success {
  display: block;
  color: white;
  border-radius: 8px;
  padding-left: 5px;
  background: #67804b;
  border: #98c565 solid 1px;
}

.profile_table {
  display: inline-block
}

.profile_table tr:nth-child(even) {
  background: #504c4c
}

.invisible_box {
  display: inline-block;
  font-size: 18px;
  background: rgba(240, 248, 255, 0);
  border: none;  
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -110px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}