diff --git a/OLD/Hry.html b/OLD/Hry.html
deleted file mode 100644
index 639ba80..0000000
--- a/OLD/Hry.html
+++ /dev/null
@@ -1,62 +0,0 @@
-
-
-
-
-
-
-
-
- GAME HUB
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/OLD/Hry/Alien.css b/OLD/Hry/Alien.css
deleted file mode 100644
index 181a879..0000000
--- a/OLD/Hry/Alien.css
+++ /dev/null
@@ -1,250 +0,0 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: sans-serif;
-}
-
-body {
- height: 100vh;
- background-color: #000;
- background-image: url(https://venturebeat.com/wp-content/uploads/2014/08/alien-isolation-1.jpg?fit=1920%2C1080&strip=all);
- background-size: cover;
- background-position: center;
-}
-
-li {
- list-style: none;
-}
-
-a {
- text-decoration: none;
- color: #fff;
-}
-
-a:hover {
- color: orange;
-}
-/* header */
-header {
- position: relative;
- padding: 2rex;
-}
-
-.navbar {
- width: 100%;
- height: 60px;
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-self: center;
- justify-content: space-between;
-}
-
-.navbar .logo a {
- font-size: 1.5rem;
- font-weight: bold;
-}
-
-.navbar .links {
- display: flex;
- gap: 2rem;
-}
-
-.navbar .toggle-btn {
- color: #fff;
- font-size: 1.5rem;
- cursor: pointer;
- display: none;
-}
-
-.action_btn {
- background-color: orange;
- color: #fff;
- padding: 0.5rem 1rem;
- border: none;
- outline: none;
- border-radius: 20px;
- font-size: 0.8rem;
- font-weight: bold;
- cursor: pointer;
- transition: scale 0.2 ease;
-}
-
-.action_btn:hover {
- scale: 1.05;
- color: #fff;
-}
-
-.action_btn:active {
- scale: 0.95;
-}
-
-.login {
- scale: 1.2;
- background-color: orange;
- margin: 1.5;
-}
-
-/* DROPDOWN MENU */
-.dropdown_menu {
- display: none;
- position: absolute;
- right: 2rem;
- top: 60px;
- height: 0;
- width: 300px;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(15px);
- border-radius: 10px;
- overflow: hidden;
- transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dropdown_menu.open {
- height: 240px;
-}
-
-.dropdown_menu li {
- padding: 0.7rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dropdown_menu .action_btn {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-
-
-/* HERO */
-section#hero {
- height: calc(100vh - 60px);
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- color: #fff;
-}
-
-#hero h1 {
- font-size: 3rem;
- margin-bottom: 1rem;
-}
-
-/* RESPONSIVE DESIGN */
-@media(max-width: 992px){
- .navbar .links,
- .navbar .action_btn {
- display: none;
- }
-
- .navbar .toggle-btn{
- display: block;
- }
-
- .dropdown_menu {
- display: block;
- }
-}
-
-/* footer */
-footer {
- background-color: #000000;
- color: #fff;
- padding: 20px 0;
- text-align: left;
-}
-
-.footer-content {
- display: flex;
- flex-direction: column;
- align-items: left;
- font-size: small;
-}
-
-.footer-links {
- list-style: none;
- padding: 0;
- font-size: small;
-}
-
-.footer-links li {
- display: inline-block;
- margin: 0 10px;
-}
-
-.footer-links li a {
- color: #fff;
- text-decoration: none;
-}
-
-.footer-links li a:hover {
- text-decoration: underline;
-}
-
-/* login and signup */
-
-.login-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: white;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
-
- h2 {
- text-align: center;
- margin-bottom: 20px;
- color: #fff;
- }
-
- input[type="text"],
- input[type="password"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="email"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="submit"] {
- width: 100%;
- padding: 10px;
- background-color: #007bff;
- border: none;
- border-radius: 3px;
- color: #fff;
- font-size: 16px;
- cursor: pointer;
- }
-
- input[type="submit"]:hover {
- background-color: #0056b3;
- }
-
- .signup-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: #fff;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
diff --git a/OLD/Hry/AlienIsolation.html b/OLD/Hry/AlienIsolation.html
deleted file mode 100644
index 2eb81d0..0000000
--- a/OLD/Hry/AlienIsolation.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-
- GAME HUB
-
-
-
-
-
-
-
- Úvod
- Game Hub je miesto o hrách!
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/OLD/Hry/COD.css b/OLD/Hry/COD.css
deleted file mode 100644
index c866bc9..0000000
--- a/OLD/Hry/COD.css
+++ /dev/null
@@ -1,250 +0,0 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: sans-serif;
-}
-
-body {
- height: 100vh;
- background-color: #000;
- background-image: url(https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/hero/mwiii/MWIII-OCM-TOUT.jpg);
- background-size: cover;
- background-position: center;
-}
-
-li {
- list-style: none;
-}
-
-a {
- text-decoration: none;
- color: #fff;
-}
-
-a:hover {
- color: orange;
-}
-/* header */
-header {
- position: relative;
- padding: 2rex;
-}
-
-.navbar {
- width: 100%;
- height: 60px;
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-self: center;
- justify-content: space-between;
-}
-
-.navbar .logo a {
- font-size: 1.5rem;
- font-weight: bold;
-}
-
-.navbar .links {
- display: flex;
- gap: 2rem;
-}
-
-.navbar .toggle-btn {
- color: #fff;
- font-size: 1.5rem;
- cursor: pointer;
- display: none;
-}
-
-.action_btn {
- background-color: orange;
- color: #fff;
- padding: 0.5rem 1rem;
- border: none;
- outline: none;
- border-radius: 20px;
- font-size: 0.8rem;
- font-weight: bold;
- cursor: pointer;
- transition: scale 0.2 ease;
-}
-
-.action_btn:hover {
- scale: 1.05;
- color: #fff;
-}
-
-.action_btn:active {
- scale: 0.95;
-}
-
-.login {
- scale: 1.2;
- background-color: orange;
- margin: 1.5;
-}
-
-/* DROPDOWN MENU */
-.dropdown_menu {
- display: none;
- position: absolute;
- right: 2rem;
- top: 60px;
- height: 0;
- width: 300px;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(15px);
- border-radius: 10px;
- overflow: hidden;
- transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dropdown_menu.open {
- height: 240px;
-}
-
-.dropdown_menu li {
- padding: 0.7rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dropdown_menu .action_btn {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-
-
-/* HERO */
-section#hero {
- height: calc(100vh - 60px);
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- color: #fff;
-}
-
-#hero h1 {
- font-size: 3rem;
- margin-bottom: 1rem;
-}
-
-/* RESPONSIVE DESIGN */
-@media(max-width: 992px){
- .navbar .links,
- .navbar .action_btn {
- display: none;
- }
-
- .navbar .toggle-btn{
- display: block;
- }
-
- .dropdown_menu {
- display: block;
- }
-}
-
-/* footer */
-footer {
- background-color: #000000;
- color: #fff;
- padding: 20px 0;
- text-align: left;
-}
-
-.footer-content {
- display: flex;
- flex-direction: column;
- align-items: left;
- font-size: small;
-}
-
-.footer-links {
- list-style: none;
- padding: 0;
- font-size: small;
-}
-
-.footer-links li {
- display: inline-block;
- margin: 0 10px;
-}
-
-.footer-links li a {
- color: #fff;
- text-decoration: none;
-}
-
-.footer-links li a:hover {
- text-decoration: underline;
-}
-
-/* login and signup */
-
-.login-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: white;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
-
- h2 {
- text-align: center;
- margin-bottom: 20px;
- color: #fff;
- }
-
- input[type="text"],
- input[type="password"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="email"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="submit"] {
- width: 100%;
- padding: 10px;
- background-color: #007bff;
- border: none;
- border-radius: 3px;
- color: #fff;
- font-size: 16px;
- cursor: pointer;
- }
-
- input[type="submit"]:hover {
- background-color: #0056b3;
- }
-
- .signup-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: #fff;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
diff --git a/OLD/Hry/MC.css b/OLD/Hry/MC.css
deleted file mode 100644
index 210f182..0000000
--- a/OLD/Hry/MC.css
+++ /dev/null
@@ -1,250 +0,0 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: sans-serif;
-}
-
-body {
- height: 100vh;
- background-color: #000;
- background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
- background-size: cover;
- background-position: center;
-}
-
-li {
- list-style: none;
-}
-
-a {
- text-decoration: none;
- color: #fff;
-}
-
-a:hover {
- color: orange;
-}
-/* header */
-header {
- position: relative;
- padding: 2rex;
-}
-
-.navbar {
- width: 100%;
- height: 60px;
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-self: center;
- justify-content: space-between;
-}
-
-.navbar .logo a {
- font-size: 1.5rem;
- font-weight: bold;
-}
-
-.navbar .links {
- display: flex;
- gap: 2rem;
-}
-
-.navbar .toggle-btn {
- color: #fff;
- font-size: 1.5rem;
- cursor: pointer;
- display: none;
-}
-
-.action_btn {
- background-color: orange;
- color: #fff;
- padding: 0.5rem 1rem;
- border: none;
- outline: none;
- border-radius: 20px;
- font-size: 0.8rem;
- font-weight: bold;
- cursor: pointer;
- transition: scale 0.2 ease;
-}
-
-.action_btn:hover {
- scale: 1.05;
- color: #fff;
-}
-
-.action_btn:active {
- scale: 0.95;
-}
-
-.login {
- scale: 1.2;
- background-color: orange;
- margin: 1.5;
-}
-
-/* DROPDOWN MENU */
-.dropdown_menu {
- display: none;
- position: absolute;
- right: 2rem;
- top: 60px;
- height: 0;
- width: 300px;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(15px);
- border-radius: 10px;
- overflow: hidden;
- transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dropdown_menu.open {
- height: 240px;
-}
-
-.dropdown_menu li {
- padding: 0.7rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dropdown_menu .action_btn {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-
-
-/* HERO */
-section#hero {
- height: calc(100vh - 60px);
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- color: #fff;
-}
-
-#hero h1 {
- font-size: 3rem;
- margin-bottom: 1rem;
-}
-
-/* RESPONSIVE DESIGN */
-@media(max-width: 992px){
- .navbar .links,
- .navbar .action_btn {
- display: none;
- }
-
- .navbar .toggle-btn{
- display: block;
- }
-
- .dropdown_menu {
- display: block;
- }
-}
-
-/* footer */
-footer {
- background-color: #000000;
- color: #fff;
- padding: 20px 0;
- text-align: left;
-}
-
-.footer-content {
- display: flex;
- flex-direction: column;
- align-items: left;
- font-size: small;
-}
-
-.footer-links {
- list-style: none;
- padding: 0;
- font-size: small;
-}
-
-.footer-links li {
- display: inline-block;
- margin: 0 10px;
-}
-
-.footer-links li a {
- color: #fff;
- text-decoration: none;
-}
-
-.footer-links li a:hover {
- text-decoration: underline;
-}
-
-/* login and signup */
-
-.login-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: white;
- background-image: url(https://media.sketchfab.com/models/2da21b196a034ae7a5d14c539af1e822/thumbnails/d4059450922546f29b2a4b05fbfe7641/c0f17d3cafe749788f0c544282f50da6.jpeg);
- }
-
- h2 {
- text-align: center;
- margin-bottom: 20px;
- color: #fff;
- }
-
- input[type="text"],
- input[type="password"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="email"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="submit"] {
- width: 100%;
- padding: 10px;
- background-color: #007bff;
- border: none;
- border-radius: 3px;
- color: #fff;
- font-size: 16px;
- cursor: pointer;
- }
-
- input[type="submit"]:hover {
- background-color: #0056b3;
- }
-
- .signup-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: #fff;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
diff --git a/OLD/Hry/Minecraft.html b/OLD/Hry/Minecraft.html
deleted file mode 100644
index 86147a3..0000000
--- a/OLD/Hry/Minecraft.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-
- GAME HUB
-
-
-
-
-
-
-
- Úvod
- Game Hub je miesto o hrách!
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/OLD/Hry/SCP.css b/OLD/Hry/SCP.css
deleted file mode 100644
index 9d1a80b..0000000
--- a/OLD/Hry/SCP.css
+++ /dev/null
@@ -1,250 +0,0 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: sans-serif;
-}
-
-body {
- height: 100vh;
- background-color: #000;
- background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
- background-size: cover;
- background-position: center;
-}
-
-li {
- list-style: none;
-}
-
-a {
- text-decoration: none;
- color: #fff;
-}
-
-a:hover {
- color: orange;
-}
-/* header */
-header {
- position: relative;
- padding: 2rex;
-}
-
-.navbar {
- width: 100%;
- height: 60px;
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-self: center;
- justify-content: space-between;
-}
-
-.navbar .logo a {
- font-size: 1.5rem;
- font-weight: bold;
-}
-
-.navbar .links {
- display: flex;
- gap: 2rem;
-}
-
-.navbar .toggle-btn {
- color: #fff;
- font-size: 1.5rem;
- cursor: pointer;
- display: none;
-}
-
-.action_btn {
- background-color: orange;
- color: #fff;
- padding: 0.5rem 1rem;
- border: none;
- outline: none;
- border-radius: 20px;
- font-size: 0.8rem;
- font-weight: bold;
- cursor: pointer;
- transition: scale 0.2 ease;
-}
-
-.action_btn:hover {
- scale: 1.05;
- color: #fff;
-}
-
-.action_btn:active {
- scale: 0.95;
-}
-
-.login {
- scale: 1.2;
- background-color: orange;
- margin: 1.5;
-}
-
-/* DROPDOWN MENU */
-.dropdown_menu {
- display: none;
- position: absolute;
- right: 2rem;
- top: 60px;
- height: 0;
- width: 300px;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(15px);
- border-radius: 10px;
- overflow: hidden;
- transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dropdown_menu.open {
- height: 240px;
-}
-
-.dropdown_menu li {
- padding: 0.7rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dropdown_menu .action_btn {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-
-
-/* HERO */
-section#hero {
- height: calc(100vh - 60px);
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- color: #fff;
-}
-
-#hero h1 {
- font-size: 3rem;
- margin-bottom: 1rem;
-}
-
-/* RESPONSIVE DESIGN */
-@media(max-width: 992px){
- .navbar .links,
- .navbar .action_btn {
- display: none;
- }
-
- .navbar .toggle-btn{
- display: block;
- }
-
- .dropdown_menu {
- display: block;
- }
-}
-
-/* footer */
-footer {
- background-color: #000000;
- color: #fff;
- padding: 20px 0;
- text-align: left;
-}
-
-.footer-content {
- display: flex;
- flex-direction: column;
- align-items: left;
- font-size: small;
-}
-
-.footer-links {
- list-style: none;
- padding: 0;
- font-size: small;
-}
-
-.footer-links li {
- display: inline-block;
- margin: 0 10px;
-}
-
-.footer-links li a {
- color: #fff;
- text-decoration: none;
-}
-
-.footer-links li a:hover {
- text-decoration: underline;
-}
-
-/* login and signup */
-
-.login-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: white;
- background-image: url(https://images.igdb.com/igdb/image/upload/t_original/lgkas0dswk2fgyruyeep.webp);
- }
-
- h2 {
- text-align: center;
- margin-bottom: 20px;
- color: #fff;
- }
-
- input[type="text"],
- input[type="password"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="email"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="submit"] {
- width: 100%;
- padding: 10px;
- background-color: #007bff;
- border: none;
- border-radius: 3px;
- color: #fff;
- font-size: 16px;
- cursor: pointer;
- }
-
- input[type="submit"]:hover {
- background-color: #0056b3;
- }
-
- .signup-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: #fff;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
diff --git a/OLD/Hry/SCP.html b/OLD/Hry/SCP.html
deleted file mode 100644
index 27b52d6..0000000
--- a/OLD/Hry/SCP.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
- GAME HUB
-
-
-
-
-
-
-
- Úvod
- Game Hub je miesto o hrách!
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/OLD/Hry/Skyrim.css b/OLD/Hry/Skyrim.css
deleted file mode 100644
index 12a9fb8..0000000
--- a/OLD/Hry/Skyrim.css
+++ /dev/null
@@ -1,250 +0,0 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: sans-serif;
-}
-
-body {
- height: 100vh;
- background-color: #000;
- background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
- background-size: cover;
- background-position: center;
-}
-
-li {
- list-style: none;
-}
-
-a {
- text-decoration: none;
- color: #fff;
-}
-
-a:hover {
- color: orange;
-}
-/* header */
-header {
- position: relative;
- padding: 2rex;
-}
-
-.navbar {
- width: 100%;
- height: 60px;
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-self: center;
- justify-content: space-between;
-}
-
-.navbar .logo a {
- font-size: 1.5rem;
- font-weight: bold;
-}
-
-.navbar .links {
- display: flex;
- gap: 2rem;
-}
-
-.navbar .toggle-btn {
- color: #fff;
- font-size: 1.5rem;
- cursor: pointer;
- display: none;
-}
-
-.action_btn {
- background-color: orange;
- color: #fff;
- padding: 0.5rem 1rem;
- border: none;
- outline: none;
- border-radius: 20px;
- font-size: 0.8rem;
- font-weight: bold;
- cursor: pointer;
- transition: scale 0.2 ease;
-}
-
-.action_btn:hover {
- scale: 1.05;
- color: #fff;
-}
-
-.action_btn:active {
- scale: 0.95;
-}
-
-.login {
- scale: 1.2;
- background-color: orange;
- margin: 1.5;
-}
-
-/* DROPDOWN MENU */
-.dropdown_menu {
- display: none;
- position: absolute;
- right: 2rem;
- top: 60px;
- height: 0;
- width: 300px;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(15px);
- border-radius: 10px;
- overflow: hidden;
- transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dropdown_menu.open {
- height: 240px;
-}
-
-.dropdown_menu li {
- padding: 0.7rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dropdown_menu .action_btn {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-
-
-/* HERO */
-section#hero {
- height: calc(100vh - 60px);
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- color: #fff;
-}
-
-#hero h1 {
- font-size: 3rem;
- margin-bottom: 1rem;
-}
-
-/* RESPONSIVE DESIGN */
-@media(max-width: 992px){
- .navbar .links,
- .navbar .action_btn {
- display: none;
- }
-
- .navbar .toggle-btn{
- display: block;
- }
-
- .dropdown_menu {
- display: block;
- }
-}
-
-/* footer */
-footer {
- background-color: #000000;
- color: #fff;
- padding: 20px 0;
- text-align: left;
-}
-
-.footer-content {
- display: flex;
- flex-direction: column;
- align-items: left;
- font-size: small;
-}
-
-.footer-links {
- list-style: none;
- padding: 0;
- font-size: small;
-}
-
-.footer-links li {
- display: inline-block;
- margin: 0 10px;
-}
-
-.footer-links li a {
- color: #fff;
- text-decoration: none;
-}
-
-.footer-links li a:hover {
- text-decoration: underline;
-}
-
-/* login and signup */
-
-.login-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: white;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
-
- h2 {
- text-align: center;
- margin-bottom: 20px;
- color: #fff;
- }
-
- input[type="text"],
- input[type="password"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="email"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="submit"] {
- width: 100%;
- padding: 10px;
- background-color: #007bff;
- border: none;
- border-radius: 3px;
- color: #fff;
- font-size: 16px;
- cursor: pointer;
- }
-
- input[type="submit"]:hover {
- background-color: #0056b3;
- }
-
- .signup-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: #fff;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
diff --git a/OLD/Hry/Skyrim.html b/OLD/Hry/Skyrim.html
deleted file mode 100644
index 832b396..0000000
--- a/OLD/Hry/Skyrim.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-
- GAME HUB
-
-
-
-
-
-
-
- Úvod
- Game Hub je miesto o hrách!
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/OLD/Hry/Subnautica.css b/OLD/Hry/Subnautica.css
deleted file mode 100644
index 12a9fb8..0000000
--- a/OLD/Hry/Subnautica.css
+++ /dev/null
@@ -1,250 +0,0 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: sans-serif;
-}
-
-body {
- height: 100vh;
- background-color: #000;
- background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
- background-size: cover;
- background-position: center;
-}
-
-li {
- list-style: none;
-}
-
-a {
- text-decoration: none;
- color: #fff;
-}
-
-a:hover {
- color: orange;
-}
-/* header */
-header {
- position: relative;
- padding: 2rex;
-}
-
-.navbar {
- width: 100%;
- height: 60px;
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-self: center;
- justify-content: space-between;
-}
-
-.navbar .logo a {
- font-size: 1.5rem;
- font-weight: bold;
-}
-
-.navbar .links {
- display: flex;
- gap: 2rem;
-}
-
-.navbar .toggle-btn {
- color: #fff;
- font-size: 1.5rem;
- cursor: pointer;
- display: none;
-}
-
-.action_btn {
- background-color: orange;
- color: #fff;
- padding: 0.5rem 1rem;
- border: none;
- outline: none;
- border-radius: 20px;
- font-size: 0.8rem;
- font-weight: bold;
- cursor: pointer;
- transition: scale 0.2 ease;
-}
-
-.action_btn:hover {
- scale: 1.05;
- color: #fff;
-}
-
-.action_btn:active {
- scale: 0.95;
-}
-
-.login {
- scale: 1.2;
- background-color: orange;
- margin: 1.5;
-}
-
-/* DROPDOWN MENU */
-.dropdown_menu {
- display: none;
- position: absolute;
- right: 2rem;
- top: 60px;
- height: 0;
- width: 300px;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(15px);
- border-radius: 10px;
- overflow: hidden;
- transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dropdown_menu.open {
- height: 240px;
-}
-
-.dropdown_menu li {
- padding: 0.7rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dropdown_menu .action_btn {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-
-
-/* HERO */
-section#hero {
- height: calc(100vh - 60px);
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- color: #fff;
-}
-
-#hero h1 {
- font-size: 3rem;
- margin-bottom: 1rem;
-}
-
-/* RESPONSIVE DESIGN */
-@media(max-width: 992px){
- .navbar .links,
- .navbar .action_btn {
- display: none;
- }
-
- .navbar .toggle-btn{
- display: block;
- }
-
- .dropdown_menu {
- display: block;
- }
-}
-
-/* footer */
-footer {
- background-color: #000000;
- color: #fff;
- padding: 20px 0;
- text-align: left;
-}
-
-.footer-content {
- display: flex;
- flex-direction: column;
- align-items: left;
- font-size: small;
-}
-
-.footer-links {
- list-style: none;
- padding: 0;
- font-size: small;
-}
-
-.footer-links li {
- display: inline-block;
- margin: 0 10px;
-}
-
-.footer-links li a {
- color: #fff;
- text-decoration: none;
-}
-
-.footer-links li a:hover {
- text-decoration: underline;
-}
-
-/* login and signup */
-
-.login-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: white;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
-
- h2 {
- text-align: center;
- margin-bottom: 20px;
- color: #fff;
- }
-
- input[type="text"],
- input[type="password"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="email"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="submit"] {
- width: 100%;
- padding: 10px;
- background-color: #007bff;
- border: none;
- border-radius: 3px;
- color: #fff;
- font-size: 16px;
- cursor: pointer;
- }
-
- input[type="submit"]:hover {
- background-color: #0056b3;
- }
-
- .signup-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: #fff;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
diff --git a/OLD/Hry/Subnautica.html b/OLD/Hry/Subnautica.html
deleted file mode 100644
index c376de8..0000000
--- a/OLD/Hry/Subnautica.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-
- GAME HUB
-
-
-
-
-
-
-
- Úvod
- Game Hub je miesto o hrách!
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/OLD/Hry/Titanfall.css b/OLD/Hry/Titanfall.css
deleted file mode 100644
index 12a9fb8..0000000
--- a/OLD/Hry/Titanfall.css
+++ /dev/null
@@ -1,250 +0,0 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: sans-serif;
-}
-
-body {
- height: 100vh;
- background-color: #000;
- background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
- background-size: cover;
- background-position: center;
-}
-
-li {
- list-style: none;
-}
-
-a {
- text-decoration: none;
- color: #fff;
-}
-
-a:hover {
- color: orange;
-}
-/* header */
-header {
- position: relative;
- padding: 2rex;
-}
-
-.navbar {
- width: 100%;
- height: 60px;
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-self: center;
- justify-content: space-between;
-}
-
-.navbar .logo a {
- font-size: 1.5rem;
- font-weight: bold;
-}
-
-.navbar .links {
- display: flex;
- gap: 2rem;
-}
-
-.navbar .toggle-btn {
- color: #fff;
- font-size: 1.5rem;
- cursor: pointer;
- display: none;
-}
-
-.action_btn {
- background-color: orange;
- color: #fff;
- padding: 0.5rem 1rem;
- border: none;
- outline: none;
- border-radius: 20px;
- font-size: 0.8rem;
- font-weight: bold;
- cursor: pointer;
- transition: scale 0.2 ease;
-}
-
-.action_btn:hover {
- scale: 1.05;
- color: #fff;
-}
-
-.action_btn:active {
- scale: 0.95;
-}
-
-.login {
- scale: 1.2;
- background-color: orange;
- margin: 1.5;
-}
-
-/* DROPDOWN MENU */
-.dropdown_menu {
- display: none;
- position: absolute;
- right: 2rem;
- top: 60px;
- height: 0;
- width: 300px;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(15px);
- border-radius: 10px;
- overflow: hidden;
- transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dropdown_menu.open {
- height: 240px;
-}
-
-.dropdown_menu li {
- padding: 0.7rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dropdown_menu .action_btn {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-
-
-/* HERO */
-section#hero {
- height: calc(100vh - 60px);
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- color: #fff;
-}
-
-#hero h1 {
- font-size: 3rem;
- margin-bottom: 1rem;
-}
-
-/* RESPONSIVE DESIGN */
-@media(max-width: 992px){
- .navbar .links,
- .navbar .action_btn {
- display: none;
- }
-
- .navbar .toggle-btn{
- display: block;
- }
-
- .dropdown_menu {
- display: block;
- }
-}
-
-/* footer */
-footer {
- background-color: #000000;
- color: #fff;
- padding: 20px 0;
- text-align: left;
-}
-
-.footer-content {
- display: flex;
- flex-direction: column;
- align-items: left;
- font-size: small;
-}
-
-.footer-links {
- list-style: none;
- padding: 0;
- font-size: small;
-}
-
-.footer-links li {
- display: inline-block;
- margin: 0 10px;
-}
-
-.footer-links li a {
- color: #fff;
- text-decoration: none;
-}
-
-.footer-links li a:hover {
- text-decoration: underline;
-}
-
-/* login and signup */
-
-.login-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: white;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
-
- h2 {
- text-align: center;
- margin-bottom: 20px;
- color: #fff;
- }
-
- input[type="text"],
- input[type="password"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="email"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="submit"] {
- width: 100%;
- padding: 10px;
- background-color: #007bff;
- border: none;
- border-radius: 3px;
- color: #fff;
- font-size: 16px;
- cursor: pointer;
- }
-
- input[type="submit"]:hover {
- background-color: #0056b3;
- }
-
- .signup-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: #fff;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
diff --git a/OLD/Hry/Titanfall2.html b/OLD/Hry/Titanfall2.html
deleted file mode 100644
index 7c3e1b1..0000000
--- a/OLD/Hry/Titanfall2.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-
- GAME HUB
-
-
-
-
-
-
-
- Úvod
- Game Hub je miesto o hrách!
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/OLD/Hry/Wither3.css b/OLD/Hry/Wither3.css
deleted file mode 100644
index 12a9fb8..0000000
--- a/OLD/Hry/Wither3.css
+++ /dev/null
@@ -1,250 +0,0 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: sans-serif;
-}
-
-body {
- height: 100vh;
- background-color: #000;
- background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
- background-size: cover;
- background-position: center;
-}
-
-li {
- list-style: none;
-}
-
-a {
- text-decoration: none;
- color: #fff;
-}
-
-a:hover {
- color: orange;
-}
-/* header */
-header {
- position: relative;
- padding: 2rex;
-}
-
-.navbar {
- width: 100%;
- height: 60px;
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-self: center;
- justify-content: space-between;
-}
-
-.navbar .logo a {
- font-size: 1.5rem;
- font-weight: bold;
-}
-
-.navbar .links {
- display: flex;
- gap: 2rem;
-}
-
-.navbar .toggle-btn {
- color: #fff;
- font-size: 1.5rem;
- cursor: pointer;
- display: none;
-}
-
-.action_btn {
- background-color: orange;
- color: #fff;
- padding: 0.5rem 1rem;
- border: none;
- outline: none;
- border-radius: 20px;
- font-size: 0.8rem;
- font-weight: bold;
- cursor: pointer;
- transition: scale 0.2 ease;
-}
-
-.action_btn:hover {
- scale: 1.05;
- color: #fff;
-}
-
-.action_btn:active {
- scale: 0.95;
-}
-
-.login {
- scale: 1.2;
- background-color: orange;
- margin: 1.5;
-}
-
-/* DROPDOWN MENU */
-.dropdown_menu {
- display: none;
- position: absolute;
- right: 2rem;
- top: 60px;
- height: 0;
- width: 300px;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(15px);
- border-radius: 10px;
- overflow: hidden;
- transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dropdown_menu.open {
- height: 240px;
-}
-
-.dropdown_menu li {
- padding: 0.7rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dropdown_menu .action_btn {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-
-
-/* HERO */
-section#hero {
- height: calc(100vh - 60px);
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- color: #fff;
-}
-
-#hero h1 {
- font-size: 3rem;
- margin-bottom: 1rem;
-}
-
-/* RESPONSIVE DESIGN */
-@media(max-width: 992px){
- .navbar .links,
- .navbar .action_btn {
- display: none;
- }
-
- .navbar .toggle-btn{
- display: block;
- }
-
- .dropdown_menu {
- display: block;
- }
-}
-
-/* footer */
-footer {
- background-color: #000000;
- color: #fff;
- padding: 20px 0;
- text-align: left;
-}
-
-.footer-content {
- display: flex;
- flex-direction: column;
- align-items: left;
- font-size: small;
-}
-
-.footer-links {
- list-style: none;
- padding: 0;
- font-size: small;
-}
-
-.footer-links li {
- display: inline-block;
- margin: 0 10px;
-}
-
-.footer-links li a {
- color: #fff;
- text-decoration: none;
-}
-
-.footer-links li a:hover {
- text-decoration: underline;
-}
-
-/* login and signup */
-
-.login-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: white;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
-
- h2 {
- text-align: center;
- margin-bottom: 20px;
- color: #fff;
- }
-
- input[type="text"],
- input[type="password"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="email"] {
- width: 100%;
- padding: 10px;
- margin-bottom: 15px;
- border: 1px solid #000000;
- border-radius: 3px;
- box-sizing: border-box;
- }
-
- input[type="submit"] {
- width: 100%;
- padding: 10px;
- background-color: #007bff;
- border: none;
- border-radius: 3px;
- color: #fff;
- font-size: 16px;
- cursor: pointer;
- }
-
- input[type="submit"]:hover {
- background-color: #0056b3;
- }
-
- .signup-container {
- width: 300px;
- margin: 100px auto;
- padding: 20px;
- background-color: #007bff;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
- color: #fff;
- background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
- }
diff --git a/OLD/Hry/Wither3.html b/OLD/Hry/Wither3.html
deleted file mode 100644
index 74dbc7d..0000000
--- a/OLD/Hry/Wither3.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-
- GAME HUB
-
-
-
-
-
-
-
- Úvod
- Game Hub je miesto o hrách!
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/stranky/Alien.html b/stranky/Alien.html
new file mode 100644
index 0000000..e513ca7
--- /dev/null
+++ b/stranky/Alien.html
@@ -0,0 +1,14 @@
+
+
+
+ Úvod
+ Game Hub je miesto o hrách!
+
+
+
\ No newline at end of file
diff --git a/stranky/Minecraft.html b/stranky/Minecraft.html
new file mode 100644
index 0000000..240e801
--- /dev/null
+++ b/stranky/Minecraft.html
@@ -0,0 +1,15 @@
+
+
+
+ Úvod
+ Game Hub je miesto o hrách!
+
+
+
+
\ No newline at end of file
diff --git a/stranky/SCP.html b/stranky/SCP.html
new file mode 100644
index 0000000..103f168
--- /dev/null
+++ b/stranky/SCP.html
@@ -0,0 +1,15 @@
+
+
+
+ Úvod
+ Game Hub je miesto o hrách!
+
+
+
+
\ No newline at end of file
diff --git a/stranky/Skyrim.html b/stranky/Skyrim.html
new file mode 100644
index 0000000..f12ebd9
--- /dev/null
+++ b/stranky/Skyrim.html
@@ -0,0 +1,14 @@
+
+
+
+ Úvod
+ Game Hub je miesto o hrách!
+
+
+
diff --git a/stranky/Subnautica.html b/stranky/Subnautica.html
new file mode 100644
index 0000000..f12ebd9
--- /dev/null
+++ b/stranky/Subnautica.html
@@ -0,0 +1,14 @@
+
+
+
+ Úvod
+ Game Hub je miesto o hrách!
+
+
+
diff --git a/stranky/Titanfall2.html b/stranky/Titanfall2.html
new file mode 100644
index 0000000..dfb0b27
--- /dev/null
+++ b/stranky/Titanfall2.html
@@ -0,0 +1,15 @@
+
+
+
+ Úvod
+ Game Hub je miesto o hrách!
+
+
+
+
\ No newline at end of file
diff --git a/stranky/Wither3.html b/stranky/Wither3.html
new file mode 100644
index 0000000..f12ebd9
--- /dev/null
+++ b/stranky/Wither3.html
@@ -0,0 +1,14 @@
+
+
+
+ Úvod
+ Game Hub je miesto o hrách!
+
+
+
diff --git a/styly/Alien.css b/styly/Alien.css
new file mode 100644
index 0000000..309ef73
--- /dev/null
+++ b/styly/Alien.css
@@ -0,0 +1,4 @@
+
+body {
+ background-image: url(https://venturebeat.com/wp-content/uploads/2014/08/alien-isolation-1.jpg?fit=1920%2C1080&strip=all);
+}
diff --git a/styly/MC.css b/styly/MC.css
new file mode 100644
index 0000000..747fd54
--- /dev/null
+++ b/styly/MC.css
@@ -0,0 +1,4 @@
+
+body {
+ background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
+}
diff --git a/styly/SCP.css b/styly/SCP.css
new file mode 100644
index 0000000..747fd54
--- /dev/null
+++ b/styly/SCP.css
@@ -0,0 +1,4 @@
+
+body {
+ background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
+}
diff --git a/styly/Skyrim.css b/styly/Skyrim.css
new file mode 100644
index 0000000..747fd54
--- /dev/null
+++ b/styly/Skyrim.css
@@ -0,0 +1,4 @@
+
+body {
+ background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
+}
diff --git a/styly/Subnautica.css b/styly/Subnautica.css
new file mode 100644
index 0000000..747fd54
--- /dev/null
+++ b/styly/Subnautica.css
@@ -0,0 +1,4 @@
+
+body {
+ background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
+}
diff --git a/styly/Titanfall.css b/styly/Titanfall.css
new file mode 100644
index 0000000..747fd54
--- /dev/null
+++ b/styly/Titanfall.css
@@ -0,0 +1,4 @@
+
+body {
+ background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
+}
diff --git a/styly/Wither3.css b/styly/Wither3.css
new file mode 100644
index 0000000..747fd54
--- /dev/null
+++ b/styly/Wither3.css
@@ -0,0 +1,4 @@
+
+body {
+ background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
+}