/*html {overflow-y: scroll; }*/

body {
  /*DodgerBlue*/
  padding: 1em;
  margin: 10px;
  background-image: linear-gradient(white, rgba(30, 144, 255, 0.7), white, rgba(30, 144, 255, 0.7), white);
  /*background-image: linear-gradient(90deg, rgba(30, 144, 255, 0.4), white, rgba(30, 144, 255, 0.4));*/
  font-family: Arial, Helvetica, sans-serif;
  /*overflow: visible;*/
}

.gif-container {
  background:url('images/botas.gif') center;
  background-size: cover;
}

p {
  color: black;
  text-align:justify;
}

/*h1 {
text-align: center;
width: 100%;
}*/
  
/*rekordu tabula*/

table.atleti {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  max-width: 100%;
  table-layout: fixed;
  /* margin: 10px 0; */
  background-color: Gray;
  margin-left: auto;
  margin-right: auto;
}

table.atleti td {
  border: 1px solid black;
  padding: 2px;
  text-align: center;
}

table.atleti tr:nth-child(even) {
  background-color: LightGray;
}

table.atleti tr:hover {background-color: #F8F8FF;}

table.atleti th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #FAEBD7;
  color: black;
  border: 1px solid #000000;
}

/*Sacensibu tabula*/

table.sacenes {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

table.sacenes td, table.sacenes th {
  border: 1px solid black;
  padding: 8px;
  text-align: center;
}

table.sacenes tr:nth-child(even) {
  background-color: #bebebe;
}

table.sacenes tr:hover {background-color: #74b2c4;}

table.sacenes th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #87CEFA; /*#3cb371;*/
  color: black;
  border: 1px solid black;
}

.welcome {
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  background-color: DodgerBlue; /*#87CEFA;*/
  width: 100%;
  /*border: 1px solid black;*/
}

.logo {
  text-align: left;
  padding: 0 5px 0 0;
  vertical-align: top;
  background-color: DodgerBlue; /*#87CEFA;*/
  width: 15%;
 /* background-size: 100%;*/
}

.intro {
  text-align: center;
  vertical-align: middle;
  background-color: white; /*#87CEFA;*/
  opacity: 0.9;
  width: 85%;
}


@media only screen and (max-width: 700px) {
  h1 {
    font-size: 4vw; /*0.9em;*/
    color: black;
    text-align: center;
    width: 100%;
  }
  
  .mazais {
  font-size: 3vw; /*0.9em;*/
  }
  
  table.atleti {font-size: 0.2em;}
  table.sacenes {font-size: 0.7em;}
}

@media only screen and (max-width: 700px) {
  .maja {
    width: 80px;
    height: 80px;
    /*max-width: 100%;
    max-height: 100%;*/
    /*margin: 10px 0;*/
  }
  
  .personaL {
    width: 300px;
    height: auto;
    margin-right: 20px; 
    margin-bottom: 20px;
    float: left;
  }
  .personaR {
    width: 300px;
    height: auto;
    margin-left: 20px; 
    margin-bottom: 20px;
    float: right;
  }
}

.footer {
  /* position: fixed; left: 0;  bottom: 0;*/ 
  width: 100%;  
  background-color: #87CEFA;
  padding: 10px 0 10px;
  text-align: center;
}

caption {
  caption-side: top;
  text-align: center;
  font-size: 200%; 
  padding-bottom: 20px;
  font-style: italic; /*text-decoration: underline;*/
}

.responsive {
  width: 100%;
  max-width: 600px;
  height: auto;
}

figure {
  /*border: 2px #cccccc solid;*/
  padding: 4px;
  margin: auto;
}

figcaption {
  /* background-color: DarkGray;*/
  color: black;
  font-style: italic;
  padding: 5px;
  text-align: center;
}

/* pamatne*/
.topnav {
  background-color: #696969; /*#696969;  #87CEFA; */
  overflow: hidden;
}

/* Saišu stils iekš navigatora */
.topnav a {  
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border-radius: 10px;
}

/* Labās puses splits navigatorā */
.topnav .split {
  float: right;
  background-color: #404040; /*#04AA6D;*/
  color: white;
  border-radius: 10px;
}

/* Uz hovera maina krāsu */
.topnav a:hover {
  background-color: Cornsilk;  /*#ddd; CadetBlue;*/
  color: black;
}

/* piemet krāsu aktīvajai saitei */
.topnav .active {
  background-color: #191970;
  color: white;
}

.botnav a {  
  
  color: #404040;
  text-align: center;
  padding: 0.5em;
  text-decoration: none;
  font-size: 17px;
}

.botnav a:hover {
  text-decoration: underline;  
  /*background-color: none;*/
  color: #0000ff;
}

/* Attēlu konteineri (lieto 25% priekš četriem un 50% priekš diviem u.tml.) */
.kolonna {
  float: left;
  width: 33.33%; /* 50.00%;  33.33%;*/
  /* padding: 0px 90px 0px 90px; augša, pa labi, apakša, pa kreisi kā pa pulksteni no 12.00*/
}

/* Notīrīt floatus pēc attēlu konteinera */
.rinda::after {
  content: "";
  clear: both;
  display: table;
}

hr { 
  color: black;  
  background-color: #64636e;
  height: 2px; /* hr elementa biezums */
  width: 95%; /* platums no lapas platuma */
}


.simple-highlight {
  color: white;
  background-color: brown;
  padding: 0.1em 0.2em;
}

/* BMI */

.container {
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  background-color: #F0FFFF; /* #fff; */
  border-radius: 9px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  text-align: center;
}

.input-container {
  margin-bottom: 10px;
  text-align: left;
}

input[type="number"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

.buttonPOW {
  background-color: #009AFA; /* #4caf50; #191970; DarkSlateBlue; ForestGreen; */
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}

#result {
  margin-top: 20px;
  font-weight: bold;
}

.pquote {
    /*float: right;*/
    margin: auto;
    width: 250px;
    background: url(images/openkvota.png) top left no-repeat;
	background-size: 20%;
    color: #030;
    font-size: 36px;
    line-height: 0.8;
    font-style: italic;
    padding: 14px;
}

blockquote {
    margin: 0;
}

.pquote p:first-letter {
    font-size: 40px;
    font-weight: bold;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}