From c5dfa19a3a3464adc4e11fb2ff39afd819948e50 Mon Sep 17 00:00:00 2001 From: strwbrry Date: Sun, 9 Feb 2025 14:37:37 +0400 Subject: [PATCH] =?UTF-8?q?=D0=97=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=B8?= =?UTF-8?q?=D1=82=D1=8C=20=D1=84=D0=B0=D0=B9=D0=BB=D1=8B=20=D0=B2=20=C2=AB?= =?UTF-8?q?Lab-1=C2=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Lab-1/style.css | 73 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 Lab-1/style.css diff --git a/Lab-1/style.css b/Lab-1/style.css new file mode 100644 index 0000000..c5b5755 --- /dev/null +++ b/Lab-1/style.css @@ -0,0 +1,73 @@ +body { + background-color: #DEDEDE; + margin: 5px; + font-family: Arial, sans-serif; +} + +.header { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 60px; + background-color: #95d5b2; + color: #081c15; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 10px; + box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); + z-index: 1000; +} + +.header-logo { + display: flex; + align-items: center; + gap: 15px; +} + +.header-logo img { + width: 50px; + height: auto; +} + +.nav-links { + display: flex; + gap: 15px; + margin-right: 20px; +} + +.nav-links a { + text-decoration: none; + color: #081c15; + font-weight: bold; + background: #ffffff; + padding: 8px 15px; + border-radius: 5px; + transition: 0.3s; +} + +.nav-links a:hover { + background: #74c69d; +} + +.movie-list { + display: flex; + justify-content: left; + gap: 20px; + margin: 50px 50px; +} + +.movie-item { + text-align: center; +} + +.movie-item img { + width: 300px; + height: auto; +} + +.content { + margin-top: 80px; + padding: 20px; +}