@font-face {
  font-family: Pacifico;
  src: url(pacifico.ttf) format("truetype");
}
   html{scrollbar-color:#F2D685 #3366ff; scrollbar-width: auto;}
   body{height:100%; background-color:#3366ff; padding:1% 1% 0 1%; margin:0; text-align:center; background-image: linear-gradient(0deg, #33cc00, #3366ff ); background-size:cover; background-attachment:fixed;
    font:2.5vw "Pacifico", cursive; color:#000088;text-shadow: -0.02em -0.03em 0.06em #57D9FF55, 0.05em 0.06em 0.12em #05003844;}
   p{text-indent:4%;padding:1%;text-align:justify;}
   a{text-decoration:none; color:inherit;}
   a:hover{text-decoration:underline;}


td#menu{vertical-align:top;width:25%;max-width:300px;}
td#menu a{display:block; font-size:70%; max-width:300px;}
td#menu a:hover{border:inset 2px; border-color:  #98B7FE66 #83CC6A44 #83CC6A44 #98B7FE66;}

div#title_runy{text-align:center;margin-top:8vh; }
div#title_runy svg{width:6.2%;height:2.7em;max-height:100px; }
div.event{clear:both;overflow:auto;}
div.event img{width:36%;float:left;border-radius:1.2em;margin-right:2em;}
div.event h3{text-align:center;}

h1, h2, h3, h4{font-weight:normal;}
h1:not(h1#main), h2, h3, h4, h5, h6, p, div, td#menu a{border-radius:1.2em; border:solid 2px; border-color:  #98B7FE66 #58754F66 #58754F66 #98B7FE66; padding:0.5% 1%;}
h1#main{font-size:195%; margin:0; padding:0; line-height:1.3em;letter-spacing:0.05em; border:0;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.3em;}
span.center{display:block;text-align:center;}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	resize:both;
}
textarea, input[type=text],  input[type=file]{background-color:transparent; color:inherit; border: solid 2px; border-color: #58754F66 #98B7FE66 #98B7FE66 #58754F66 ; font:1em monospace, normal; border-radius:1.2em; width:99%;padding:0.5% 1%;}
textarea:focus, input[type=text]:focus{outline:none; }
input[type=file]{width:80%;}

#quasibutton, .quasibutton, button#sendemail, input#submitgb, input::file-selector-button{
background-color:transparent; color:inherit;
border: solid 5px; border-color:  #98B7FE66 #58754F66 #58754F66 #98B7FE66; font:2.5vw "Pacifico", cursive; cursor:pointer;width:97%; border-radius:1.2em;text-align:center;padding:0 1.5% 0.5% 1.5%;}
#quasibutton:active, .quasibutton:active, button#sendemail:active, input#submitgb:active{border-color:  #58754F66 #98B7FE66 #98B7FE66 #58754F66; }
#quasibutton:hover, .quasibutton:hover, button#sendemail:hover, input#submitgb:hover{text-decoration:underline;}
input::file-selector-button{width:25%;}

iframe{border:0; height:500px; border:0;padding:0;margin:0;
width:100%;}
label{display:inline-block;width:12%; vertical-align:top;}


input.dlaludzi{width:35%;}

/*textarea#odpowiedzi{width:100%}*/

/* scrollbars */
/* width */
::-webkit-scrollbar {
  width: 16px;
background-image:linear-gradient(#3366ff, #33cc00);
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #1B378499; 
  border-radius: 8px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #F2D685; 
  border-radius: 8px;
box-shadow: inset -1px 1px 2.8px #45330099, inset 1px -1px 2.8px #45330099, inset 1px 1px 2.8px #45330099, inset -1px -1px 2.8px #45330099 ;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #FFE18C; 
}