<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/less@4"></script>
</head>
<body>
<header>
<img src="../logo_padel.jpeg">
<a href="#">Wiadomości</a>
<a href="#">Kalendarz turniejów</a>
<a href="#">Ranking</a>
<a href="#">Wyniki</a>
<a href="#">Kontakt</a>
<span class="dot">JM</span>
</div>
</header>
<div class="container">
<h1>Padel tournament</h1>
<main id="tournament">
<ul class="round round-1">
<li class="spacer"> </li>
<li class="game game-top winner">Jan <span>79</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Piotrek <span>48</span></li>
<li class="spacer"> </li>
<li class="game game-top winner">Czarek <span>84</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Kasia <span>72</span></li>
<li class="spacer"> </li>
<li class="game game-top ">Jerzy <span>55</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom winner">Andrzej <span>68</span></li>
<li class="spacer"> </li>
<li class="game game-top winner">Mateusz <span>64</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Lukasz <span>44</span></li>
<li class="spacer"> </li>
<li class="game game-top winner">Arek <span>54</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Marek <span>52</span></li>
<li class="spacer"> </li>
<li class="game game-top winner">Alfred <span>65</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Amir <span>54</span></li>
<li class="spacer"> </li>
<li class="game game-top winner">Ambrozy <span>67</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Fabian <span>63</span></li>
<li class="spacer"> </li>
<li class="game game-top winner">Fryderyk <span>73</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Gracjan <span>61</span></li>
<li class="spacer"> </li>
</ul>
<ul class="round round-2">
<li class="spacer"> </li>
<li class="game game-top winner">Jan <span>82</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Czarek <span>56</span></li>
<li class="spacer"> </li>
<li class="game game-top winner">Andrzej <span>74</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Mateusz <span>57</span></li>
<li class="spacer"> </li>
<li class="game game-top ">Arek <span>48</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom winner">Alfred <span>70</span></li>
<li class="spacer"> </li>
<li class="game game-top ">Ambrozy <span>50</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom winner">Fryderyk <span>66</span></li>
<li class="spacer"> </li>
</ul>
<ul class="round round-3">
<li class="spacer"> </li>
<li class="game game-top winner">Jan <span>77</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Andrzej <span>69</span></li>
<li class="spacer"> </li>
<li class="game game-top ">Alfred <span>61</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom winner">Fryderyk <span>71</span></li>
<li class="spacer"> </li>
</ul>
<ul class="round round-4">
<li class="spacer"> </li>
<li class="game game-top winner">Jan <span>85</span></li>
<li class="game game-spacer"> </li>
<li class="game game-bottom ">Frederyk <span>63</span></li>
<li class="spacer"> </li>
</ul>
</div>
</main>
</body>
</html>