File size: 1,310 Bytes
3b1e3c0 44d479c 0dd457c 44d479c 0dd457c 44d479c 91e2159 0dd457c 44d479c 0dd457c 91e2159 0dd457c 3b1e3c0 44d479c 0dd457c 44d479c 91e2159 44d479c 0dd457c 44d479c 91e2159 806b4d6 0dd457c 44d479c 0dd457c 806b4d6 44d479c 3b1e3c0 0dd457c 44d479c 165facb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 |
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
background: black;
color: white;
line-height: 1.6;
margin: 0;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background: black;
border-bottom: 1px solid white;
position: sticky;
top: 0;
z-index: 1000;
}
.logo {
font-size: 24px;
font-weight: bold;
}
.navigation ul {
display: flex;
list-style: none;
}
.navigation ul li {
margin: 0 15px;
}
.navigation ul li a {
text-decoration: none;
color: white;
font-size: 16px;
transition: color 0.3s;
}
.navigation ul li a:hover {
color: grey;
}
.menu-toggle {
display: none;
font-size: 24px;
cursor: pointer;
}
.section {
padding: 100px 20px;
text-align: center;
}
.section h1, .section h2 {
font-size: 36px;
margin-bottom: 20px;
}
.section p {
font-size: 18px;
max-width: 800px;
margin: 0 auto;
}
.portfolio {
display: flex;
justify-content: center;
gap: 50px;
margin-top: 20px;
}
.item h3 {
font-size: 24px;
margin-bottom: 10px;
}
.footer {
text-align: center;
padding: 20px;
background: black;
border-top: 1px solid white;
}
|