body, html{height: 100%;}
.github-fork-ribbon{position:fixed;}
header{
	min-height:100%;
	background: linear-gradient(
      rgba(0, 0, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
    ),url('img/background.png');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
header h1.w3-jumbo{margin:0;}
fieldset{margin-bottom:16px;}
fieldset fieldset{margin-left:32px;}
label{
	font-weight:bold;
	width:275px;
	display:inline-block;
}
p.field:focus-within{color:#008ae6;}
fieldset input:not([type='checkbox']):not([type='color']), select{width:300px;}
input:not([type='color']):valid {border-color:#28a745 !important;}
input:focus,input:active,select:focus,select:active{
	border-color:#008ae6 !important;
	border-width:2px !important;
}
input:invalid {border-color:#fd3536 !important;}
input:optional{border-color:#ccc !important;}
select{
	display:block;
	width:300px !important;
}
::placeholder {color: #59bdff;}
textarea{width:100%;}
#buttons{overflow:visible;}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 60px;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip_display .tooltiptext {
  opacity: 1;
}
iframe{border:none;}
#back-to-top {
	color:white;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1000;
    display: none;
    opacity: 0.5;
	transition: all 0.4s;
	position: fixed;
	background-color: #343a40;
}
#back-to-top:hover {
    opacity: 1;
    cursor: pointer;
	border:1px solid white;
}
@media screen and (max-width: 800px) {
	header h1.w3-jumbo{font-size:25px !important;}
	header h2{font-size:15px;}
}

@media screen and (max-width: 1200px) {
	header h1.w3-jumbo{font-size:32px !important;}
	header h2{font-size:17px;}
}
/* Color theme */
.w3-theme-l5 {color:#000 !important; background-color:#f7fcff !important}
.w3-theme-l4 {color:#000 !important; background-color:#e5f5ff !important}
.w3-theme-l3 {color:#000 !important; background-color:#ccebff !important}
.w3-theme-l2 {color:#000 !important; background-color:#b3e0ff !important}
.w3-theme-l1 {color:#000 !important; background-color:#99d6ff !important}
.w3-theme-d1 {color:#000 !important; background-color:#59bdff !important}
.w3-theme-d2 {color:#fff !important; background-color:#33adff !important}
.w3-theme-d3 {color:#fff !important; background-color:#0d9eff !important}
.w3-theme-d4 {color:#fff !important; background-color:#008ae6 !important}
.w3-theme-d5 {color:#fff !important; background-color:#0073bf !important}

.w3-theme-light {color:#000 !important; background-color:#f7fcff !important}
.w3-theme-dark {color:#fff !important; background-color:#0073bf !important}
.w3-theme-action {color:#fff !important; background-color:#0073bf !important}

.w3-theme {color:#000 !important; background-color:#80ccff !important}
.w3-text-theme {color:#80ccff !important}
.w3-border-theme {border-color:#80ccff !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#0073bf !important}
a:hover {color:#002135 !important}
.w3-hover-border-theme:hover {border-color:#80ccff !important}