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; +}