p: {
        cursor: default;
    }
      #zatemnenie2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
      }
      
            #zatemnenie2:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #0000cc;
        color: #0000cc;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
      }
      
      #zatemnenie {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
      }
      #okno {
z-index: 20;
    width: 330px;
    height: 200px;
    text-align: center;
    padding: 15px;
    border: 1px solid #00000040;
    border-radius: 36px;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000000e0;
      }
      #zatemnenie:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #0000cc;
        color: #0000cc;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
      }
      .close:hover {background: #e6e6ff;}
#taba {
    width: 100%;
}
#taba tr {
    display: flex;
    border-bottom: 1px solid #00000040;


}

#taba tr:hover {
    background: #00000040

}
#taba td {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
#taba td:hover {
    background: #00000050

}

button {
        cursor: pointer;
    	font-family: 'Inter', sans-serif;
    	border: 1px solid #00000040;
    	border-radius: 89em;
    	background-color: transparent;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
background: hsl(0deg 0% 0% / 0%) border-box;
    overflow: hidden;
    border-radius: 1.2999999999999972em;
    box-shadow: 0 0 0 1px hsl(0deg 0% 100% / 30%) inset, 0 0.5em 1em rgb(0 0 0 / 60%);
    text-shadow: 0 1px 10px hsl(0deg 0% 100% / 30%);
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
    background: linear-gradient(88deg, rgb(64 205 0) 0%, rgb(202 140 26) 100%);
}

main {
position: relative;
    margin: 0 auto;
    padding: 1em;
    max-width: 100%;
    background: hsl(0deg 0% 0% / 0%) border-box;
    overflow: hidden;
    box-shadow: 0 0 0 1px hsl(0deg 0% 100% / 30%) inset, 0 0.5em 1em rgb(0 0 0 / 60%);
    text-shadow: 0 1px 10px hsl(0deg 0% 100% / 30%);
}

main::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -30px;
  z-index: -1;
  -webkit-filter: blur(20px);
  filter: blur(20px);
}

#timer {
    position: absolute;
    left: 5px;
    top: 5px;
    display: inline-block;
    padding: 10px 25px;
    font-size: 12px;
}

.theme-button
{
    color: #f4f4f4;
        font-size: 12px;

}

.theme-button:hover
{
        opacity: 70%;
}


body {
        font-family: 'Inter', sans-serif;
		color: white;
        background-color: #282828;
        background-size: 600% 600%;

        -webkit-animation: AnimationName 10s ease infinite;
        -moz-animation: AnimationName 10s ease infinite;
        -o-animation: AnimationName 10s ease infinite;
        animation: AnimationName 10s ease infinite;
}

        @-webkit-keyframes AnimationName {
          0%{background-position:0% 50%}
          50%{background-position:100% 50%}
          100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

a {
	text-decoration: none;
	color: white;
}

body p {
    text-shadow: 0px 0px 15px rgba(150, 150, 150, 1);
}

input[type=text]:focus {
	border: 2px solid #00e2ff;
}

input {
    padding: 12px 20px;
    font-family: 'Inter', sans-serif;
    color: white;
    background-color: #00000030;
    border: 1px solid #202020;
}
tr {

}
th, td {
  padding: 0 15px 0 0;
  text-align: center;
}

a:hover {
	opacity: 75%;
}
	


img { 
	width: 200px; height: 200px; 	
}
.header {
        z-index: 1;
		background: linear-gradient(88deg, rgb(64 205 0) 0%, rgb(202 140 26) 100%);
		background-size: 200% 200%;
		display:flex;
		flex-direction: row;
		position: relative;
		font-family: 'Inter', sans-serif;
		height: 75px;
		justify-content: center;
		align-items: center;
		color: white;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	
.header2 {
	background: linear-gradient(
	88deg, rgb(64 205 0) 0%, rgb(202 140 26) 100%);
    background-size: 200% 200%;
    border-radius: 89em;
    display: flex;
    flex-direction: row;
    position: relative;
    font-family: 'Inter', sans-serif;
    height: 50px;
    justify-content: space-evenly;
    align-items: center;
    color: white;
    margin-bottom: 10px;
    text-transform: uppercase;
	}
	
	h2 {
		display: flex;
		justify-content: center;
		flex-direction: row;
		font-family: 'Inter', sans-serif;
		text-align: center;
		text-transform: uppercase;
		color: white;
		font-size: 14px;
	}
	
	.items {
		display: flex;
		flex-direction: row;
		position: relative;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	
	figure {
		margin: 0px;
	}
	
	.scale {
			display: inline-block;
			overflow: hidden;
			box-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
   }
	.scale img {
			transition: 1s;
			display: block; 
   }
	.scale img:hover {
			transform: scale(1.2); 
   }
   
   
   


@-webkit-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-moz-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@keyframes Animation { 
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}