body{
background-image: url("tlo.png");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 100vh;
text-align: center;
overflow-x: hidden;
background-repeat: no-repeat;
margin: 0px;
}

#logo{
width: 63%;
justify-content: center;
}

footer{
text-align: center;
color: white;
}

p{
color: white;
}

h2{
color: white;
}

a{
color: #E50030;
background-color: black;
font-size: 25px;
font-weight: bold;
border-radius: 35% 10% 35% 10%;
padding: 7px;
text-decoration: none;
text-align: center;
}

a:hover{
color: lime;
font-size: 30px;
}

h3{
font-size: 40px;
color: lime;
}

div{
color: white;
font-size: 45px;
}

#linki{
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
margin: auto;
}

#sklad{
table-layout: fixed;
border-collapse: collapse;
border: 2px;
color: white;
height: 500px;
width: 50%;
}

.layout{
display: flex;
gap: 70px;
align-items: flex-start;
}

.trofy{
table-layout: fixed;
border-collapse: collapse;
border: 0px;
color: white;
height: 450px;
width: 50%;
}

.trof{
padding: 25px;
font-size: 30px
}

.win{
color: gold;
}

.lose{
color: red;
}

.sec{
color: #50C878;
}

.thrd{
color: #B87333;
}

.tur{
color: lime;
}

.drab{
background-color: black;
color: lime;
text-decoration: underline;
}

#head{
font-size: 60px;
font-weight: bold;
background-color: #5E0B15;
}

.sk{
border-collapse: collapse;
border: 2px, solid, white;
text-align: center;
font-weight: bold;
font-size: 20px;
}

#ob{
background-color: #5E0B15;
}

#r{
background-color: grey;
}

#g{
background-color: grey;
}

iframe{
margin: auto;
display: flex;
justify-content: center;
width: 700px;
height: 335px;
border: none;
}

img{
width: 3%;
text-align: center; 
}


.out{
background-color: #990000;
color: white;
font-weight: bold;
border-radius: 10px;
padding: 3px;
}

h1{
font-size: 50px;
color: white;
}

#tip{
display: inline-block;
width: 35%;
}

#tip:hover{
color: black;
background-color: lime;
}

.wrap{
text-align: center;
}